.project section.project-quote cite,.project section.project-titleblock .project-titleblock-databox .maplink,a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video
{
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline
}

html
{
	line-height: 1;
}

ol,ul
{
	list-style: none
}

table
{
	border-collapse: collapse;
	border-spacing: 0
}

caption,td,th
{
	text-align: left;
	font-weight: 400;
	vertical-align: middle
}

blockquote,q
{
	quotes: none
}

blockquote:after,blockquote:before,q:after,q:before
{
	content: "";
	content: none
}

a img
{
	border: none
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary
{
	display: block
}

@media screen and (max-width:767px)
{
	.hide-on-phone
	{
		display: none!important
	}
}

.only-on-phone
{
	display: none!important
}

@media screen and (max-width:767px)
{
	.only-on-phone
	{
		display: block!important
	}
}

@media screen and (max-width:1150px) and (min-width:768px)
{
	.hide-on-tablet
	{
		display: none!important
	}
}

.only-on-tablet
{
	display: none!important
}

@media screen and (max-width:1150px) and (min-width:768px)
{
	.only-on-tablet
	{
		display: block!important
	}
}

@media screen and (max-width:1150px)
{
	.hide-on-mobile
	{
		display: none!important
	}
}

.only-on-mobile
{
	display: none!important
}

@media screen and (max-width:1150px)
{
	.only-on-mobile
	{
		display: block!important
	}
}

@media screen and (orientation:portrait)
{
	.hide-on-portrait
	{
		display: none!important
	}
}

.only-on-portrait
{
	display: none!important
}

@media screen and (orientation:portrait)
{
	.only-on-portrait
	{
		display: block!important
	}
}
*,html{

    font-family: "PingHei", '思源黑体 CN', "微软雅黑", STHeiti, "Hiragino Sans GB", "Droid Sans Fallback", Arial, Helvetica, sans-serif;
}
html
{
	font-size: 16px;
    line-height: 1.4;
}

@media screen and (max-width:499px)
{
	html
	{
		font-size: 16px
	}
}

@media screen and (max-width:767px) and (min-width:500px)
{
	html
	{
		font-size: 18px
	}
}

@media screen and (min-width:1550px)
{
	html
	{
		font-size: 18px
	}
}

@media screen and (min-width:2000px)
{
	html
	{
		font-size: 20px
	}
}

body
{
	color: #000;
	font-size: .938rem;
	font-weight: 400;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

body strong
{
	font-weight: 700
}

body em
{
	font-style: italic
}

body.selection-on
{
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text
}

@media screen and (min-width:768px)
{
	body
	{
		overflow-y: hidden
	}
}

a
{
	cursor: pointer;
	color: inherit;
	text-decoration: none;
	outline: none
}

button,input,textarea
{
	color: #000;
	font-size: .938rem;
	line-height: 1;
	font-weight: 400;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text
}

button strong,input strong,textarea strong
{
	font-weight: 700
}

button em,input em,textarea em
{
	font-style: italic
}

button::-webkit-input-placeholder,input::-webkit-input-placeholder,textarea::-webkit-input-placeholder
{
	color: #000
}

button:-moz-placeholder,button::-moz-placeholder,input:-moz-placeholder,input::-moz-placeholder,textarea:-moz-placeholder,textarea::-moz-placeholder
{
	color: #000
}

button:-ms-input-placeholder,input:-ms-input-placeholder,textarea:-ms-input-placeholder
{
	color: #000
}

sup
{
	position: relative;
	top: -.5em;
	font-size: .8em
}

::-moz-selection
{
	background-color: #000;
	color: #fff
}

::selection
{
	background-color: #000;
	color: #fff
}

h1
{
	font-weight: 200;
	font-size: 2.5rem;
	line-height: 1.2;
	word-wrap: break-word
}

h1 strong
{
	font-weight: 600
}

h1 em
{
	font-style: italic
}

@media screen and (max-width:767px)
{
	h1
	{
		font-size: 2rem
	}
}

h3
{
	font-weight: 200;
	font-size: 1.25rem
}

h3 strong
{
	font-weight: 600
}

h3 em
{
	font-style: italic
}

h5
{
	font-weight: 800;
	font-size: .725rem;
	line-height: 1.4;
	text-transform: uppercase;
	letter-spacing: .05em
}

h5 strong
{
	font-weight: 700
}

h5 em
{
	font-style: italic
}

a h5
{
	text-decoration: underline
}

a h5:hover
{
	text-decoration: none
}

h5 .sub
{
	color: #939598
}

.project section.project-quote cite,.project section.project-titleblock .project-titleblock-databox .maplink,h6
{
	font-weight: 700;
	font-size: .625rem;
	text-transform: uppercase;
	letter-spacing: .05em
}

.project section.project-quote cite strong,.project section.project-titleblock .project-titleblock-databox .maplink strong,h6 strong
{
	font-weight: 700
}

.project section.project-quote cite em,.project section.project-titleblock .project-titleblock-databox .maplink em,h6 em
{
	font-style: italic
}

.project section.project-quote a cite,.project section.project-titleblock .project-titleblock-databox a .maplink,a .project section.project-quote cite,a .project section.project-titleblock .project-titleblock-databox .maplink,a h6
{
	text-decoration: underline
}

.project section.project-quote a cite:hover,.project section.project-titleblock .project-titleblock-databox a .maplink:hover,a .project section.project-quote cite:hover,a .project section.project-titleblock .project-titleblock-databox .maplink:hover,a h6:hover
{
	text-decoration: none
}

.project section.project-quote cite.v-grey,.project section.project-titleblock .project-titleblock-databox .v-grey.maplink,h1.v-grey,h2.v-grey,h3.v-grey,h4.v-grey,h5.v-grey,h6.v-grey
{
	color: #939598
}

.greylink,.project section.project-titleblock .project-titleblock-pdf
{
	color: #939598;
	text-decoration: underline
}

.greylink:hover,.project section.project-titleblock .project-titleblock-pdf:hover
{
	text-decoration: none;
	cursor: pointer
}

.greylink.v-smallcaps,.project section.project-titleblock .project-titleblock-pdf
{
	text-transform: uppercase;
	letter-spacing: .05em;
	font-size: .75em
}

.greylink.v-no-link,.project section.project-titleblock .v-no-link.project-titleblock-pdf
{
	text-decoration: none
}

.greylink.v-no-link:hover,.project section.project-titleblock .v-no-link.project-titleblock-pdf:hover
{
	cursor: default
}

.pdflink:before
{
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	transform: scale(1.4);
	transform-origin: center left;
	margin-right: 1em;
	background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='14' viewBox='0 0 12 14'><path d='M5.906,1H1V13.163h9.45v-7.6Zm.206,1.3L9.133,5.339H6.112ZM1.773,12.39V1.773H5.338V6.112H9.677V12.39Z' /></svg>");
	background-size: cover;
	background-position: 0;
	background-repeat: none
}

blockquote
{
	font-weight: 100;
	font-size: 1.438rem
}

blockquote strong
{
	font-weight: 600
}

blockquote em
{
	font-style: italic
}

blockquote .first
{
	margin-left: -.5em
}

.caption
{
	margin-top: .5rem;
	font-size: .813rem;
	max-width: 25vw
}

@media screen and (max-width:767px)
{
	.caption
	{
		max-width: none
	}
}

.txt-description .big
{
	font-size: 1.125rem;
	font-weight: 700
}

.txt-description .big strong
{
	font-weight: 700
}

.txt-description .big em
{
	font-style: italic
}

.txt-description p
{
	margin-bottom: 1em
}

.txt-description p a
{
	text-decoration: underline
}

.txt-description p a:hover
{
	text-decoration: none
}

@media screen and (min-width:768px)
{
	.txt-description p.v-extra-bottommargin
	{
		margin-bottom: 3.8em
	}
}

.smallcaps
{
	text-transform: lowercase;
	font-variant: small-caps
}

.tiptext
{
	position: fixed;
	z-index: 99999999;
	padding: 8px 12px;
	bottom: 0;
	left: 0;
	font-size: 13px;
	line-height: 1;
	color: #2ddb87;
}

.projects-filter
{
	font-size: 0;
	line-height: 0;
	margin: 0 auto
}

.projects-filter a
{
	display: inline-block
}

.projects-filter a>span
{
	display: block;
	font-size: 1rem;
	line-height: 1;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
	padding: .175rem .25rem;
	border: 1px solid #000
}

.projects-filter a>span strong
{
	font-weight: 700
}

.projects-filter a>span em
{
	font-style: italic
}

.projects-filter a.state-active>span,.projects-filter a:hover>span
{
	color: #fff;
	background: #000
}

.projects-filter a.state-active
{
	cursor: default
}

.mobilenav .projects-filter
{
	text-align: left
}

.mobilenav .projects-filter a
{
	padding: .25rem .3rem
}

.mobilenav .projects-filter a:first-child
{
	padding-left: 0
}

.mobilenav .projects-filter a:last-child
{
	padding-right: 0
}

.mobilenav .projects-filter a>span
{
	font-size: .8rem;
	padding: .235rem .285rem
}

.jump-button-holder
{
	font-size: 0;
	line-height: 0
}

.jump-button
{
	display: inline-block;
	border: 1px solid #000;
	padding: 1rem;
	font-size: .75rem;
	line-height: 0;
	text-transform: uppercase;
	letter-spacing: .05em;
	margin-right: 1rem;
	cursor: pointer
}

.jump-button,.jump-button strong
{
	font-weight: 700
}

.jump-button em
{
	font-style: italic
}

.jump-button:hover
{
	background: #000;
	color: #fff
}

.jump-button:last-child
{
	margin-right: 0
}

.close
{
	margin: 0 auto;
	padding: 2rem;
	width: 1.75rem;
	height: 1.75rem;
	cursor: pointer;
	position: absolute;
	right: calc(6.25vw - 2rem)
}

@media screen and (max-width:767px)
{
	.close
	{
		width: .875rem;
		height: .875rem
	}
}

.close .lines
{
	width: 100%;
	height: 100%;
	position: relative;
	top: .875rem
}

@media screen and (max-width:767px)
{
	.close .lines
	{
		top: .4375rem
	}
}

.close .line
{
	transition: all .15s ease-in-out;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: #000
}

.close .line-one
{
	transform: rotate(45deg)
}

.close .line-two
{
	transform: rotate(315deg)
}

.close:hover .line-one
{
	transform: rotate(45deg) scale(1.2)
}

.close:hover .line-two
{
	transform: rotate(315deg) scale(1.2)
}

.advancearrow-backward,.advancearrow-forward
{
	position: fixed;
	top: 50%;
	top: calc(50% + 4.725rem/2);
	margin-top: -.875rem;
	z-index: 500;
	display: block;
	width: 1.75rem;
	height: 1.75rem;
	border: .425rem solid #000;
	border-top: none;
	border-left: none;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent
}

.advancearrow-backward:hover,.advancearrow-forward:hover
{
	border-color: #939598!important
}

.advancearrow-backward.background--dark,.advancearrow-forward.background--dark
{
	border-color: #fff
}

.advancearrow-backward.hidden,.advancearrow-forward.hidden
{
	display: none!important
}

@media screen and (max-width:767px)
{
	.advancearrow-backward,.advancearrow-forward
	{
		top: calc(50% + 4.5rem/2);
		margin-top: -.4375rem;
		width: .875rem;
		height: .875rem;
		border-width: .2125rem
	}

	.advancearrow-backward:not(.v-visible-on-phone),.advancearrow-forward:not(.v-visible-on-phone)
	{
		display: none!important
	}
}

body.feature-is-touch .advancearrow-backward:not(.v-visible-on-touch),body.feature-is-touch .advancearrow-forward:not(.v-visible-on-touch)
{
	display: none!important
}

.advancearrow-backward.v-mini,.advancearrow-forward.v-mini
{
	margin-top: -.4375rem;
	width: .875rem;
	height: .875rem;
	border-width: .25rem
}

@media screen and (max-width:767px)
{
	.advancearrow-backward.v-mini,.advancearrow-forward.v-mini
	{
		margin-top: -.21875rem;
		width: .4375rem;
		height: .4375rem;
		border-width: .2rem
	}
}

.advancearrow-backward
{
	display: none;
	left: 4.6875vw;
	transform: rotate(135deg)
}

.advancearrow-forward
{
	right: 4.6875vw;
	transform: rotate(-45deg)
}

.jump-to-start
{
	width: 32px;
	height: 28px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2732%27%20height%3D%2728%27%20viewBox%3D%270%200%2032%2028%27%3E%3Crect%20width%3D%2732%27%20height%3D%2728%27%20%2F%3E%3Crect%20width%3D%2732%27%20height%3D%2728%27%20fill%3D%27none%27%2F%3E%3Cpath%20d%3D%27M27.176%2C14.922H13.906l5.87%2C5.871-1.3%2C1.3-8.115-8.114L18.472%2C5.87l1.3%2C1.3-5.9%2C5.9h13.3ZM4.824%2C22.13H6.67V5.87H4.824Z%27%20fill%3D%27%23fff%27%2F%3E%3C%2Fsvg%3E");
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	opacity: .4;
	position: fixed;
	top: 6.6rem;
	right: 6.25vw;
	cursor: pointer;
	z-index: 500;
	display: none
}

.jump-to-start:hover
{
	opacity: .6
}

@media screen and (max-width:767px)
{
	.jump-to-start
	{
		display: none!important
	}
}

.invisible-backward,.invisible-forward
{
	position: fixed;
	display: block;
	z-index: 499;
	top: 6.6rem;
	bottom: 1.875rem;
	width: 7.8125vw;
	cursor: pointer
}

@media screen and (max-width:767px)
{
	.invisible-backward,.invisible-forward
	{
		display: none
	}
}

.invisible-backward
{
	left: 0
}

.invisible-forward
{
	right: 0
}

.section-down,.section-up
{
	position: absolute;
	width: 100%;
	cursor: pointer;
	z-index: 5;
	height: 55px;
}

.section-down .arrow,.section-up .arrow
{
	border-left: 2px solid #000;
	border-bottom: 2px solid #000;
	width: 10px;
	height: 10px;
	opacity: .4
}

.section-down:hover .arrow,.section-up:hover .arrow
{
	opacity: .75
}

.section-down.alt-section-scrolling,.section-up.alt-section-scrolling
{
	background: hsla(0,0%,100%,.9)
}

.section-up
{
	background-image: linear-gradient(180deg,#fff,hsla(0,0%,100%,0))
}

.section-up .arrow
{
	transform: rotate(135deg);
	margin: 10px auto 20px
}

.section-up.alt-section-scrolling .arrow
{
	margin-bottom: 10px
}

.section-down
{
	bottom: 1.89rem !important;
	background-image: linear-gradient(180deg,hsla(0,0%,100%,0),#fff);
}

.section-down .arrow
{
	transform: rotate(-45deg);
	margin: 20px auto 10px
}

.section-down.alt-section-scrolling .arrow
{
	margin-top: 10px
}

.indicators
{
	font-size: 0;
	line-height: 0
}

.indicators .dot
{
	display: inline-block;
	padding: 2.8px
}

.indicators .dot>span
{
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 7px;
	border: 1px solid #000
}

.indicators .dot.state-current>span
{
	background: #000
}

.indicators .dot:hover>span
{
	background: #939598;
	cursor: pointer
}

.play-icon
{
	width: 6rem;
	height: 6rem;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2764%27%20height%3D%2764%27%20viewBox%3D%270%200%2064%2064%27%3E%3Cpath%20d%3D%27M32%2C62.408A30.408%2C30.408%2C0%2C1%2C1%2C62.408%2C32%2C30.442%2C30.442%2C0%2C0%2C1%2C32%2C62.408ZM32%2C3.438A28.563%2C28.563%2C0%2C1%2C0%2C60.563%2C32%2C28.6%2C28.6%2C0%2C0%2C0%2C32%2C3.438Zm-9.062%2C41.5L47.486%2C32.8%2C22.939%2C20.672Z%27%20fill%3D%27%23fff%27%2F%3E%3C%2Fsvg%3E");
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	margin: 0 auto;
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	margin-top: -3rem;
	margin-left: -3rem;
	transition: all .15s ease-in-out
}

.play-icon.state-hover,.project section.project-video .project-video-container .project-video-poster:hover .play-icon
{
	transform: scale(1.1)
}

.vr-icon
{
	width: 4rem;
	height: 4rem;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2764%27%20height%3D%2764%27%20viewBox%3D%270%200%2064%2064%27%3E%3Cpath%20d%3D%27M1.077%2C1.077V62.923H62.923V1.077ZM17.443%2C38.353a4.364%2C4.364%2C0%2C1%2C1%2C2.683.062C19.232%2C38.394%2C18.337%2C38.38%2C17.443%2C38.353Zm25.971.071a4.36%2C4.36%2C0%2C0%2C1-3.048-3.258c0-.619.01-1.237.012-1.856a4.356%2C4.356%2C0%2C1%2C1%2C5.664%2C5.052C45.166%2C38.387%2C44.29%2C38.4%2C43.414%2C38.424Zm-2.967-16-.155%2C0c-.083-4.337-.212-8.672-.409-13q6.047.353%2C12.081%2C1.253.863%2C5.864%2C1.245%2C11.747Zm10.166-19.5Q51.2%2C5.84%2C51.67%2C8.765q-5.935-.854-11.886-1.2c-.076-1.549-.156-3.1-.247-4.644Zm-23.247%2C0H37.688c.09%2C1.518.167%2C3.039.242%2C4.561q-5.381-.233-10.763-.047C27.229%2C5.931%2C27.292%2C4.426%2C27.366%2C2.923Zm-.281%2C6.365q5.471-.2%2C10.944.048.3%2C6.514.415%2C13.053-5.851-.089-11.7-.011Q26.844%2C15.824%2C27.085%2C9.288ZM13.338%2C2.923h12.18q-.112%2C2.292-.2%2C4.59-6.524.316-13.034%2C1.253Q12.751%2C5.841%2C13.338%2C2.923Zm11.9%2C6.441q-.246%2C6.5-.342%2C13.031c-.381.006-.761.022-1.142.029H10.744q.387-5.881%2C1.245-11.747Q18.6%2C9.7%2C25.234%2C9.364ZM2.923%2C2.923h8.535c-.406%2C2.042-.777%2C4.087-1.1%2C6.134q-3.724.589-7.438%2C1.382Zm0%2C9.4q3.575-.773%2C7.161-1.357-.823%2C5.74-1.192%2C11.5a2.613%2C2.613%2C0%2C0%2C0-1.41.589c-1.52.089-3.041.18-4.558.284Zm0%2C12.862c1.151-.08%2C2.305-.145%2C3.458-.216C5.866%2C26.844%2C6%2C29.463%2C6%2C31.832v6.045c-1.026-.054-2.053-.1-3.078-.164Zm0%2C14.375c1.025.06%2C2.052.109%2C3.078.164v7.7H9.39c.157%2C1.487.329%2C2.974.53%2C4.459q-3.5-.534-7-1.242Zm0%2C21.516V52.522q3.628.721%2C7.267%2C1.263.542%2C3.651%2C1.268%2C7.291Zm8.326-13.653H22.1a4.761%2C4.761%2C0%2C0%2C0%2C2.882-1.2q.086%2C3.59.211%2C7.174-6.694-.312-13.371-1.245C11.6%2C50.578%2C11.417%2C49%2C11.249%2C47.424Zm2.089%2C13.653q-.707-3.506-1.246-7.022%2C6.574.891%2C13.169%2C1.192.114%2C2.918.257%2C5.83Zm24.35%2C0H27.366q-.141-2.876-.254-5.758c1.621.054%2C3.242.09%2C4.864.09%2C2.007%2C0%2C4.014-.053%2C6.021-.135Q37.859%2C58.179%2C37.688%2C61.077ZM27.043%2C53.469c-.107-2.972-.184-5.95-.246-8.929.126-.131.253-.262.379-.394%2C1.477-1.556%2C3-3.122%2C4.582-3.122%2C1.542%2C0%2C2.95%2C1.425%2C4.439%2C3a22.173%2C22.173%2C0%2C0%2C0%2C2.141%2C2.055q-.1%2C3.675-.259%2C7.344Q32.562%2C53.655%2C27.043%2C53.469Zm23.57%2C7.608H39.536q.173-2.938.313-5.882%2C6.012-.322%2C12.01-1.14Q51.323%2C57.571%2C50.613%2C61.077ZM39.929%2C53.34q.133-3.086.226-6.177a3.955%2C3.955%2C0%2C0%2C0%2C1.374.261H52.7c-.169%2C1.577-.355%2C3.154-.574%2C4.729Q46.038%2C53%2C39.929%2C53.34Zm21.148%2C7.737H52.493q.725-3.64%2C1.268-7.291%2C3.663-.544%2C7.316-1.273Zm0-10.445q-3.518.71-7.047%2C1.251c.2-1.485.373-2.972.53-4.459H58v-7.7c1.025-.054%2C2.052-.1%2C3.076-.164Zm0-12.921c-1.024.061-2.051.109-3.076.164V31.832a22.159%2C22.159%2C0%2C0%2C0-.757-6.882c1.278.077%2C2.557.15%2C3.833.239Zm0-14.371q-2.529-.175-5.063-.316a2.577%2C2.577%2C0%2C0%2C0-.949-.485q-.372-5.793-1.2-11.572%2C3.61.586%2C7.209%2C1.367Zm0-12.89q-3.738-.8-7.487-1.392c-.32-2.047-.691-4.092-1.1-6.135h8.584Z%27%20fill%3D%27%23fff%27%2F%3E%3C%2Fsvg%3E");
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	margin: 0 auto;
	position: absolute;
	display: block;
	bottom: 1rem;
	left: 1rem;
	transition: all .15s ease-in-out;
	transform-origin: bottom left
}

.project section.project-vr .project-vr-container .project-vr-poster:hover .vr-icon,.vr-icon.state-hover
{
	transform: scale(1.1)
}

.pdf-icon
{
	width: 4rem;
	height: 4rem;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2712%27%20height%3D%2714%27%20viewBox%3D%270%200%2012%2014%27%3E%3Cpath%20fill%3D%27%23ffffff%27%20d%3D%27M5.906%2C1H1V13.163h9.45v-7.6Zm.206%2C1.3L9.133%2C5.339H6.112ZM1.773%2C12.39V1.773H5.338V6.112H9.677V12.39Z%27%20%2F%3E%3C%2Fsvg%3E");
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	margin: 0 auto;
	position: absolute;
	display: block;
	bottom: 50%;
	left: 50%;
	margin-left: -2rem;
	margin-bottom: -2rem;
	transition: all .15s ease-in-out;
	transform-origin: center center
}

.pdf-icon.state-hover,section.stream-fullimage a.stream-image-link[href]:hover .pdf-icon,section.stream-image a.stream-image-link[href]:hover .pdf-icon
{
	transform: scale(1.1)
}

.searchbox .searchbox-container
{
	border-bottom: 1px solid #000;
	font-size: 0;
	line-height: 0
}

.searchbox input
{
	display: inline-block;
	font-size: .938rem;
	line-height: 1;
	box-sizing: border-box;
	padding: .275rem 0;
	margin: 0;
	border: none;
	background: transparent;
	outline: none;
	border-radius: 0;
	-webkit-appearance: none
}

.searchbox input[type=text]
{
	width: 90%
}

.searchbox input[type=submit]
{
	width: 10%;
	cursor: pointer;
	background: url(“data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgdmlld0JveD0nMCAwIDE4IDE4Jz48cGF0aCBkPSdNMTcuNTE1LDE1LjUyOWwtNC43NjktNC43NjhhNi42ODQsNi42ODQsMCwxLDAtMS45ODUsMS45ODRsNC43Nyw0Ljc2OFpNMy4yOTIsNy4xNUEzLjg1OSwzLjg1OSwwLDEsMSw3LjE1LDExLjAxLDMuODYyLDMuODYyLDAsMCwxLDMuMjkyLDcuMTVaJyAvPjwvc3ZnPg==) 100% no-repeat;transition: all .15s ease-in-out;
	transform-origin: center right
}

.searchbox input[type=submit]:hover
{
	transform: scale(1.2)
}

header
{
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	right: 0;
	padding: 0 6.25vw;
	padding-right: calc(6.25vw - .5rem);
	box-sizing: border-box;
	font-size: .9rem;
	line-height: 1
}

body.state-ipad-zoomed header
{
	position: absolute;
	right: auto;
	width: 100vw
}

body.state-ipad-overlay-input-focused header
{
	width: 100vw
}

@media screen and (min-width:768px)
{
	header
	{
		display: -webkit-box;
		display: -moz-box;
		display: box;
		display: -moz-flex;
		display: -ms-flexbox;
		display: flex;
		box-pack: justify;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		-o-justify-content: space-between;
		justify-content: space-between;
		-ms-flex-pack: justify;
		box-orient: horizontal;
		box-direction: normal;
		-moz-flex-direction: row;
		flex-direction: row;
		-ms-flex-direction: row;
		-webkit-box-lines: single;
		-moz-box-lines: single;
		box-lines: single;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		box-align: end;
		-moz-align-items: flex-end;
		-ms-align-items: flex-end;
		-o-align-items: flex-end;
		align-items: flex-end;
		-ms-flex-align: end
	}
}

@media screen and (max-width:767px)
{
	header
	{
		background: #fff;
		padding: 0 6.25vw;
		height: 4.5rem;
		width: 100vw;
	}
}

header .logo
{
	display: block;
	font-size: 0;
	/*height: 1rem;*/
	padding: 1.8rem 0;
}

header .logo>img,header .logo svg
{
	display: block;
	width: auto;
	height:4rem;
}

header .logo>span
{
	display: none
}

@media screen and (max-width:1150px) and (min-width:768px)
{
	
}

@media screen and (max-width:767px)
{
	header .logo
	{
		padding: 1.65rem 0 .5rem;
		height: auto;
		width: auto;
		max-width: 230px;
		float: left;
	}

	header .logo>img,header .logo svg
	{
		width: 100%;
		height: auto;
		max-height: 100%;
		max-width: 100%
	}
}

header nav
{
	-moz-flex-grow: 1;
	flex-grow: 1;
	-ms-flex-positive: 1;
	margin: 0 auto
}

@media screen and (max-width:767px)
{
	header nav
	{
		display: none
	}
}

header nav .menu-items
{
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	box-pack: justify;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-pack: justify;
	box-orient: horizontal;
	box-direction: normal;
	-moz-flex-direction: row;
	flex-direction: row;
	-ms-flex-direction: row;
	-webkit-box-lines: single;
	-moz-box-lines: single;
	box-lines: single;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	box-align: baseline;
	-moz-align-items: baseline;
	-ms-align-items: baseline;
	-o-align-items: baseline;
	align-items: baseline;
	-ms-flex-align: baseline;
	max-width: 20rem;
	margin: 0 auto;
	padding-left: 2rem;
	padding-right: 2rem;
}
.menuUL li {
	position: relative;
}
.menuUL li>a{
	position: relative;
	z-index: 2;
}
.menuUL li.menuCur:after{
	content: "";
	width:60px;
	height: 47px;
	position: absolute;
	left: -15px;
	top: 28px;
	background:hsla(240,2%,90%,.92);
	z-index:1;
}
.menuUL li.menuCur>a{
	color: #27527c;
}
.menuD{
	position: absolute;
	background: hsla(240,2%,90%,.92);
	left:-15px;
	top: 75px;
	width: 120px;
	padding: 10px 0;
	z-index: 2;
	display: none;
}
.menuD a{
	display: block;
	line-height: 36px;
	padding-left: 15px;
}
.menuD a:hover{
	background:#27527c;
	color: #fff;
}


body[data-lang=ko] header nav .menu-items,body[data-lang=zh-hans] header nav .menu-items
{
	max-width: 16rem;
}

body[data-lang=ja] header nav .menu-items
{
	max-width: 24rem
}

@media screen and (max-width:980px)
{
	body[data-lang=ja] header nav .menu-items
	{
		font-size: 90%
	}
}

@media screen and (max-width:880px)
{
	body[data-lang=ja] header nav .menu-items
	{
		font-size: 70%
	}
}

@media screen and (max-width:1400px)
{
	header nav .menu-items
	{
		padding-left: 1.75rem;
		padding-right: 1.5rem;
	}
}

@media screen and (max-width:1000px)
{
	header nav .menu-items
	{
		padding-left: 2rem;
		padding-right: 1rem
	}
}

header nav .menu-item
{
	display: block;
	padding-top: 2.7rem;
	padding-bottom: 2.7rem
}

header nav .menu-item:hover
{
	text-decoration: underline
}

header .icons
{
	font-size: 0
}

header .icons .icon
{
	padding: .5rem;
	margin-top: 2.2rem;
	margin-bottom: 2.2rem;
	height: 1rem;
	display: block;
	float: left;
	position: relative
}

header .icons .icon:hover svg path
{
	fill: #000
}

header .icons .icon.with-sep
{
	margin-left: .5rem;
	padding-left: 1rem;
	border-left: 1px solid #e6e6e7
}

header .icons .icon.search svg circle
{
	display: block!important;
	opacity: 0
}

header .icons .icon.search:hover svg circle
{
	opacity: 1
}

header .icons .icon.language svg
{
	position: relative;
	z-index: 2
}

header .icons .icon.language svg polygon
{
	transition: all .15s ease-in-out;
	transform-origin: center center
}

header .icons .icon.language.state-open svg path
{
	fill: #000
}

body:not(.browser-firefox) header .icons .icon.language.state-open svg polygon
{
	transform: rotate(180deg)
}

@media screen and (max-width:1200px)
{
	header .icons .icon
	{
		padding-left: .35rem;
		padding-right: .35rem
	}

	header .icons .icon.with-sep
	{
		margin-left: .35rem;
		padding-left: .7rem
	}
}

@media screen and (max-width:1023px)
{
	/*header .icons .icon.social
	{
		display: none
	}*/
}

@media screen and (max-width:767px)
{
	header .icons .icon
	{
		display: none
	}
}

header .icons .icon .icon-dropdown
{
	display: none;
	position: absolute;
	top: -.5rem;
	left: -.25rem;
	min-width: 2rem;
	background: hsla(240,2%,90%,.92);
	padding: 2.75rem .75rem .75rem;
	font-size: .8rem;
	line-height: 1.75;
	z-index: 1;
	text-align: center
}

header .icons .icon .icon-dropdown a
{
	display: block
}

header .icons .icon .icon-dropdown a:hover:not(.state-active)
{
	text-decoration: underline
}

header .icons .icon .icon-dropdown a.state-active
{
	color: #939598;
	cursor: default
}

header .icons .icon.state-open .icon-dropdown
{
	display: block
}

header .mobilenav-trigger
{
	display: none;
	padding: .5rem 0 1rem;
	width: 16px;
	height: 6px;
	position: relative;
	cursor: pointer;
}

@media screen and (max-width:767px)
{
	header .mobilenav-trigger
	{
		float: right;
		margin-top: 1.5rem;
		display: inherit;
	}
}

header .mobilenav-trigger .lines
{
	width: 100%;
	height: 100%;
	position: relative
}

header .mobilenav-trigger .line
{
	transition: all .15s ease-in-out;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: #939598
}

header .mobilenav-trigger .line-two
{
	transform: translateY(6px)
}

header .mobilenav-trigger:hover .line-one
{
	transform: translateY(-2px)
}

header .mobilenav-trigger:hover .line-two
{
	transform: translateY(8px)
}

header .mobilenav-trigger.state-active .line-one,header .mobilenav-trigger:active .line-one
{
	transform: translateY(3px) rotate(45deg)
}

header .mobilenav-trigger.state-active .line-two,header .mobilenav-trigger:active .line-two
{
	transform: translateY(3px) rotate(315deg)
}

.overlay
{
	display: none;
	position: fixed;
	box-sizing: border-box;
	z-index: 998;
	top: 5.44rem;
	left: 0;
	right: 0;
	min-height: 100px;
	background: hsla(240,2%,90%,.92);
	width: 100vw
}

@media screen and (max-width:767px)
{
	.overlay
	{
		display: none!important
	}
}

.overlay .overlay-membrane
{
	max-height: calc(100vh - 5.44rem);
	overflow: auto;
	padding: 1.5rem 0 4rem;
	position: relative;
	z-index: 2
}

@media screen and (max-width:1150px) and (min-width:768px)
{
	body.device-ipad .overlay .overlay-membrane
	{
		max-height: calc(100vh - 5.44rem - 24px)
	}
}

.overlay .overlay-membrane .projects-filter
{
	margin-bottom: 2rem
}
.aboutUl{
	margin-top: 3.5rem
}
.overlay .overlay-membrane .projects-filter a:not(.state-active):not(:hover)>span
{
	background-color: #e6e6e7
}

@media screen and (max-height:750px)
{
	.overlay .overlay-membrane .projects-filter
	{
		margin-bottom: 1rem
	}
}

.overlay .overlay-active-tab
{
	position: absolute;
	height: 3.7rem;
	background: hsla(240,2%,90%,.92);
	bottom: 100%;
	z-index: 3
}

.overlay .overlay-bg
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: calc(100vh - 5.44rem);
	z-index: 1
}

.overlay .close
{
	z-index: 4
}

.overlay .projects-overlay-type
{
	font-size: 1.125rem;
	width: 43.75vw;
	margin: 0 auto
}

@media screen and (max-width:1200px)
{
	.overlay .projects-overlay-type
	{
		width: 50vw
	}
}

@media screen and (max-width:1150px) and (min-width:900px)
{
	.overlay .projects-overlay-type
	{
		width: 62.5vw
	}
}

@media screen and (max-width:899px) and (min-width:768px)
{
	.overlay .projects-overlay-type
	{
		width: 75vw
	}
}

.overlay .projects-overlay-type ul
{
	column-count: 2;
	column-gap: 0
}

.overlay .projects-overlay-type ul li a
{
	display: block;
	padding-right: 1rem;
	padding-bottom: .5rem
}

.overlay .projects-overlay-type ul li a:hover
{
	text-decoration: underline
}

.overlay .projects-overlay-location
{
	font-size: .95rem;
	font-size: 1.85vh;
	width: 75vw;
	margin: 0 auto;
	margin-bottom: 100vh
}

@media screen and (max-width:1250px)
{
	.overlay .projects-overlay-location
	{
		width: 87.5vw
	}
}

@media screen and (max-height:600px)
{
	.overlay .projects-overlay-location
	{
		font-size: 12px
	}
}

.overlay .projects-overlay-location .projects-overlay-location-america,.overlay .projects-overlay-location .projects-overlay-location-worldwide
{
	padding: 0 6.25vw
}

.overlay .projects-overlay-location .projects-overlay-location-america
{
	padding-bottom: 3.7vh;
	margin-bottom: 3.7vh;
	border-bottom: 1px solid #000
}

.overlay .projects-overlay-location .projects-overlay-location-columns
{
	column-count: 5;
	column-gap: 0
}

.overlay .projects-overlay-location .projects-overlay-location-region
{
	break-inside: avoid
}

.overlay .projects-overlay-location h5
{
	padding-bottom: 1.11vh
}

.overlay .projects-overlay-location h5 a:hover
{
	text-decoration: underline
}

.overlay .projects-overlay-location ul li a
{
	display: block;
	padding-right: 1.85vh;
	padding-bottom: .6475vh
}

.overlay .projects-overlay-location ul li a:hover
{
	text-decoration: underline
}

.overlay .searchbox
{
	width: 37.5vw;
	margin: 2.5rem auto 0
}

.mobilenav
{
	display: none;
	position: fixed;
	z-index: 998;
	top: 4.5rem;
	left: 0;
	right: 0;
	bottom: 0;
	background: hsla(240,2%,90%,.92);
	padding: 0 6.25vw;
	overflow: auto;
	-webkit-overflow-scrolling: touch
}

@media screen and (min-width:768px)
{
	.mobilenav
	{
		display: none!important
	}
}

.mobilenav ul.mobilenav-items
{
	padding: 6.25vw 0;
	font-size: 1.5rem;
	line-height: 1.1
}

.mobilenav li.mobilenav-item.with-border
{
	border-top: 1px solid #939598
}

.mobilenav li.mobilenav-item:last-child
{
	border-bottom: 1px solid #939598
}

.mobilenav li.mobilenav-item.with-extratopmargin
{
	margin-top: 1.5rem
}

.mobilenav li.mobilenav-item.for-icons
{
	font-size: 0;
	line-height: 0
}

.mobilenav li.mobilenav-item>a
{
	display: block;
	padding: .5rem 0;
	font-weight: 500
}

.mobilenav li.mobilenav-item>a strong
{
	font-weight: 700
}

.mobilenav li.mobilenav-item>a em
{
	font-style: italic
}

.mobilenav li.mobilenav-item>a.icon
{
	display: inline-block;
	padding: .75rem .3rem
}

.mobilenav li.mobilenav-item>a.icon:first-child
{
	padding-left: .05rem
}

.mobilenav li.mobilenav-item>a.icon svg
{
	display: block;
	height: 1.6rem;
	width: auto
}

.mobilenav li.mobilenav-item>a.icon svg path
{
	fill: #000
}

.mobilenav li.mobilenav-item>a.icon.with-text
{
	display: block
}

.mobilenav li.mobilenav-item>a.icon.with-text svg
{
	display: inline-block
}

.mobilenav li.mobilenav-item>a.icon.with-text .icon-label
{
	display: inline-block;
	position: relative;
	top: -.55rem;
	left: -.5rem;
	text-transform: uppercase;
	font-size: .8rem;
	letter-spacing: .05em;
	font-weight: 500
}

.mobilenav li.mobilenav-item>a.icon.with-text .icon-label strong
{
	font-weight: 700
}

.mobilenav li.mobilenav-item>a.icon.with-text .icon-label em
{
	font-style: italic
}

.mobilenav li.mobilenav-item>a.icon.language svg polygon
{
	display: none
}

.mobilenav li.mobilenav-item>a[data-mobilenav-drawer-toggle]
{
	position: relative
}

.mobilenav li.mobilenav-item>a[data-mobilenav-drawer-toggle]:after
{
	width: .5rem;
	height: .5rem;
	border: 2px solid #939598;
	border-top: none;
	border-left: none;
	opacity: .75;
	transition: all .15s ease-in-out;
	transform: rotate(45deg);
	transform-origin: center center;
	content: "";
	position: absolute;
	top: .9rem;
	right: .25rem
}

.mobilenav li.mobilenav-item>a[data-mobilenav-drawer-toggle].icon:after
{
	top: 1.15rem
}

.mobilenav li.mobilenav-item>a[data-mobilenav-drawer-toggle].state-open:after
{
	transform: rotate(225deg) translate(-.25rem,-.25rem)
}

.mobilenav li.mobilenav-item.for-search
{
	position: relative
}

.mobilenav li.mobilenav-item .searchbox
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0
}

.mobilenav li.mobilenav-item .searchbox .searchbox-container
{
	border-bottom: none
}

.mobilenav li.mobilenav-item .searchbox input[type=text]
{
	font-size: 1.2rem;
	padding-top: .75rem;
	padding-bottom: .5rem;
	padding-left: 2.9rem
}

.mobilenav li.mobilenav-item .searchbox input[type=submit]
{
	background: none
}

.mobilenav .projects-filter
{
	margin: .5rem 0 1rem
}

.mobilenav .mobilenav-drawer
{
	padding-bottom: 0
}

.mobilenav .mobilenav-drawer ul
{
	font-size: 1.1rem;
	line-height: 1;
	padding-bottom: 1rem
}

.mobilenav .mobilenav-drawer ul li a
{
	display: block;
	padding: .5rem 0
}

.mobilenav .mobilenav-drawer ul.with-indent li a
{
	padding-left: 1.5rem
}

.mobilenav .mobilenav-drawer a[data-mobilenav-drawer-toggle]
{
	display: block;
	position: relative;
	font-size: 1.25rem;
	line-height: 1;
	border-top: 1px solid #939598;
	padding: .75rem 0
}

.mobilenav .mobilenav-drawer a[data-mobilenav-drawer-toggle]:after
{
	width: .35rem;
	height: .35rem;
	border: 2px solid #939598;
	border-top: none;
	border-left: none;
	opacity: .75;
	transition: all .15s ease-in-out;
	transform: rotate(45deg);
	transform-origin: center center;
	content: "";
	position: absolute;
	top: .9rem;
	right: .25rem
}

.mobilenav .mobilenav-drawer a[data-mobilenav-drawer-toggle].icon:after
{
	top: 1.15rem
}

.mobilenav .mobilenav-drawer a[data-mobilenav-drawer-toggle].state-open:after
{
	transform: rotate(225deg) translate(-.175rem,-.175rem)
}

.mobilenav .mobilenav-drawer .with-bottomborder
{
	border-bottom: 1px solid #939598
}

body.mobilenav-open
{
	overflow: hidden;
	position: fixed
}

.page
{
	display: block;
	box-sizing: border-box;
	height: 100vh;
	max-height: 100vh;
	padding-top: 6.6rem;
	padding-bottom: 1.875rem;
	width: 999999px
}

.page.v-singlewidth
{
	width: 100%
}

@media screen and (max-width:1150px) and (min-width:768px)
{
	body.device-ipad .page
	{
		height: calc(100vh - 24px);
		max-height: calc(100vh - 24px)
	}
}

@media screen and (max-width:767px)
{
	.page
	{
		width: auto;
		height: auto;
		max-height: none;
		padding-top: 4.5rem
	}
}

.page .page-membrane
{
	display: inline-block;
	height: 100%
}

@media screen and (max-width:767px)
{
	.page .page-membrane
	{
		display: block;
		height: auto
	}
}

.page.v-singlewidth .page-membrane
{
	display: block;
	width: 100%
}

body.state-ipad-overlay-input-focused .page
{
	overflow: hidden;
	max-width: 100vw
}

body.state-ipad-overlay-input-focused .page .page-membrane
{
	width: 200%
}

.page.v-floated-sections section
{
	float: left;
	width: 60vw;
	height: 100%;
	min-height: 100%;
	max-height: 100%;
	padding: 0 6.25vw;
	display: block;
	position: relative;
	overflow: hidden
}
.txt-des-list{
	display: inline-block;
	padding:1rem 2rem 0 0;
	margin-right: 2rem;
	vertical-align: text-top;
}
.serList{
	margin-bottom: 2rem;
}
section.secTop{
	margin-top: 7.5rem;
	padding: 0 0 0 6.25vw !important;
	width: 50vw !important;
}
@media screen and (min-width:768px)
{
	.page.v-floated-sections section:last-child
	{
		padding-right: 12.5vw
	}
}

@media screen and (max-width:767px)
{
	.page.v-floated-sections section
	{
		float: none;
		padding: 0 6.25vw;
		width: auto!important;
		height: auto;
		min-height: 0;
		max-height: none;
		margin-bottom: 6.25vw
	}
	.txt-des-list{
		width:20vw;
	}
}

@media screen and (min-width:768px)
{
	.page.v-floated-sections section [data-content]
	{
		min-height: 100%;
		display: -webkit-box;
		display: -moz-box;
		display: box;
		display: -moz-flex;
		display: -ms-flexbox;
		display: flex;
		box-pack: start;
		-moz-justify-content: flex-start;
		-ms-justify-content: flex-start;
		-o-justify-content: flex-start;
		justify-content: flex-start;
		-ms-flex-pack: start;
		box-orient: vertical;
		box-direction: normal;
		-moz-flex-direction: column;
		flex-direction: column;
		-ms-flex-direction: column
	}
}

.page.v-floated-sections section.v-align-top [data-content]
{
	box-pack: start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-o-justify-content: flex-start;
	justify-content: flex-start;
	-ms-flex-pack: start
}

.page.v-floated-sections section.v-align-center [data-content]
{
	box-pack: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	-ms-flex-pack: center
}

.page.v-floated-sections section.v-align-bottom [data-content]
{
	box-pack: end;
	-moz-justify-content: flex-end;
	-ms-justify-content: flex-end;
	-o-justify-content: flex-end;
	justify-content: flex-end;
	-ms-flex-pack: end
}

@media screen and (min-width:768px)
{
	.page.v-floated-sections section.v-rightpad-col-1
	{
		padding-right: 0
	}
}

.page.v-single-section section
{
	padding: 0 6.25vw;
	display: block;
	height: 100%;
	overflow: hidden
}

@media screen and (max-width:767px)
{
	.page.v-single-section section
	{
		padding: 0 6.25vw;
		height: auto
	}
}

a[data-lazyimg],div[data-lazyimg],span[data-lazyimg]
{
	background-color: #e6e6e7
}

section.project-powerpoint.v-landscape-small,section.stream-fullimage.v-landscape-small,section.stream-image.v-landscape-small
{
	width: 25vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	section.project-powerpoint.v-landscape-small,section.stream-fullimage.v-landscape-small,section.stream-image.v-landscape-small
	{
		width: 42.5vw
	}
}

section.project-powerpoint.v-landscape-medium,section.stream-fullimage.v-landscape-medium,section.stream-image.v-landscape-medium
{
	width: 37.5vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	section.project-powerpoint.v-landscape-medium,section.stream-fullimage.v-landscape-medium,section.stream-image.v-landscape-medium
	{
		width: 63.75vw
	}
}

section.project-powerpoint.v-landscape-large,section.stream-fullimage.v-landscape-large,section.stream-image.v-landscape-large
{
	width: 56.25vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	section.project-powerpoint.v-landscape-large,section.stream-fullimage.v-landscape-large,section.stream-image.v-landscape-large
	{
		width: 95.625vw
	}
}

section.project-powerpoint.v-landscape-extra-large,section.stream-fullimage.v-landscape-extra-large,section.stream-image.v-landscape-extra-large
{
	width: 75vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	section.project-powerpoint.v-landscape-extra-large,section.stream-fullimage.v-landscape-extra-large,section.stream-image.v-landscape-extra-large
	{
		width: 127.5vw
	}
}

section.project-powerpoint.v-portrait-small,section.stream-fullimage.v-portrait-small,section.stream-image.v-portrait-small
{
	width: 18.75vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	section.project-powerpoint.v-portrait-small,section.stream-fullimage.v-portrait-small,section.stream-image.v-portrait-small
	{
		width: 31.875vw
	}
}

section.project-powerpoint.v-portrait-medium,section.stream-fullimage.v-portrait-medium,section.stream-image.v-portrait-medium
{
	width: 25vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	section.project-powerpoint.v-portrait-medium,section.stream-fullimage.v-portrait-medium,section.stream-image.v-portrait-medium
	{
		width: 42.5vw
	}
}

section.project-powerpoint.v-portrait-large,section.stream-fullimage.v-portrait-large,section.stream-image.v-portrait-large
{
	width: 31.25vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	section.project-powerpoint.v-portrait-large,section.stream-fullimage.v-portrait-large,section.stream-image.v-portrait-large
	{
		width: 53.125vw
	}
}

section.project-powerpoint.v-portrait-extra-large,section.stream-fullimage.v-portrait-extra-large,section.stream-image.v-portrait-extra-large
{
	width: 37.5vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	section.project-powerpoint.v-portrait-extra-large,section.stream-fullimage.v-portrait-extra-large,section.stream-image.v-portrait-extra-large
	{
		width: 63.75vw
	}
}

section.project-powerpoint.v-columns-3,section.stream-fullimage.v-columns-3,section.stream-image.v-columns-3
{
	width: 18.75vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	section.project-powerpoint.v-columns-3,section.stream-fullimage.v-columns-3,section.stream-image.v-columns-3
	{
		width: 31.875vw
	}
}

section.project-powerpoint.v-columns-4,section.stream-fullimage.v-columns-4,section.stream-image.v-columns-4
{
	width: 25vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	section.project-powerpoint.v-columns-4,section.stream-fullimage.v-columns-4,section.stream-image.v-columns-4
	{
		width: 42.5vw
	}
}

section.project-powerpoint.v-columns-5,section.stream-fullimage.v-columns-5,section.stream-image.v-columns-5
{
	width: 31.25vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	section.project-powerpoint.v-columns-5,section.stream-fullimage.v-columns-5,section.stream-image.v-columns-5
	{
		width: 53.125vw
	}
}

section.project-powerpoint.v-columns-6,section.stream-fullimage.v-columns-6,section.stream-image.v-columns-6
{
	width: 37.5vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	section.project-powerpoint.v-columns-6,section.stream-fullimage.v-columns-6,section.stream-image.v-columns-6
	{
		width: 63.75vw
	}
}

section.project-powerpoint.v-columns-7,section.stream-fullimage.v-columns-7,section.stream-image.v-columns-7
{
	width: 43.75vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	section.project-powerpoint.v-columns-7,section.stream-fullimage.v-columns-7,section.stream-image.v-columns-7
	{
		width: 74.375vw
	}
}

section.project-powerpoint.v-columns-8,section.stream-fullimage.v-columns-8,section.stream-image.v-columns-8
{
	width: 50vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	section.project-powerpoint.v-columns-8,section.stream-fullimage.v-columns-8,section.stream-image.v-columns-8
	{
		width: 85vw
	}
}

section.project-powerpoint.v-columns-9,section.stream-fullimage.v-columns-9,section.stream-image.v-columns-9
{
	width: 56.25vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	section.project-powerpoint.v-columns-9,section.stream-fullimage.v-columns-9,section.stream-image.v-columns-9
	{
		width: 95.625vw
	}
}

section.project-powerpoint.v-columns-10,section.stream-fullimage.v-columns-10,section.stream-image.v-columns-10
{
	width: 62.5vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	section.project-powerpoint.v-columns-10,section.stream-fullimage.v-columns-10,section.stream-image.v-columns-10
	{
		width: 106.25vw
	}
}

section.project-powerpoint.v-columns-11,section.stream-fullimage.v-columns-11,section.stream-image.v-columns-11
{
	width: 68.75vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	section.project-powerpoint.v-columns-11,section.stream-fullimage.v-columns-11,section.stream-image.v-columns-11
	{
		width: 116.875vw
	}
}

section.stream-fullimage.v-lead,section.stream-image.v-lead
{
	width: 75vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	section.stream-fullimage.v-lead,section.stream-image.v-lead
	{
		width: 127.5vw
	}
}

@media screen and (max-width:767px)
{
	section.stream-fullimage.v-lead,section.stream-image.v-lead
	{
		padding-left: 0;
		padding-right: 0
	}
}

section.stream-fullimage .stream-image-holder,section.stream-fullimage a.stream-image-link,section.stream-image .stream-image-holder,section.stream-image a.stream-image-link
{
	display: block;
	width: 100%;
	position: relative
}

section.stream-fullimage a.stream-image-link,section.stream-image a.stream-image-link
{
	cursor: pointer
}

section.stream-fullimage a.stream-image-link[href] .pdf-icon,section.stream-image a.stream-image-link[href] .pdf-icon
{
	z-index: 2
}

section.stream-fullimage .svg,section.stream-image .svg
{
	width: 50px;
	height: 50px;
	margin-top: 3px;
	float: left;
	margin-right: 18px;
	display: block
}

section.stream-fullimage .caption .stream-image-pdf-msg,section.stream-image .caption .stream-image-pdf-msg
{
	color: #939598
}

section.stream-fullimage [data-content]
{
	height: 100%;
	position: relative
}

@media screen and (max-width:767px)
{
	section.stream-fullimage [data-content]
	{
		height: auto
	}
}

section.stream-fullimage .stream-image-holder,section.stream-fullimage a.stream-image-link
{
	height: 100%
}

section.stream-fullimage .stream-image-fullframe
{
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat
}

@media screen and (max-width:767px)
{
	section.stream-fullimage .stream-image-fullframe
	{
		height: 250px
	}
}

section.stream-fullimage img.stream-image-aspectratiofallback
{
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	pointer-events: none
}

body.selection-on section.stream-fullimage img.stream-image-aspectratiofallback
{
	pointer-events: auto
}

section.stream-fullimage .caption
{
	position: absolute;
	bottom: 15px;
	left: 0;
	right: 0;
	margin: 0;
	max-width: none;
	background: #fff;
	padding: .9rem 0;
	font-size: .65rem;
}

@media screen and (max-width:767px)
{
	section.stream-fullimage .caption
	{
		display: block;
		position: static
	}
}

@media screen and (max-width:767px)
{
	section.stream-fullimage.v-lead .caption
	{
		padding-left: 6.25vw;
		padding-right: 6.25vw
	}
}

section.stream-image img:not(.svg)
{
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%
}

section.stream-image .stream-image-holder,section.stream-image a.stream-image-link
{
	min-height: 1px
}

section.stream-image img
{
	pointer-events: none
}

body.selection-on section.stream-image img
{
	pointer-events: auto
}

.columnizer-container
{
	font-size: 0;
	line-height: 0
}

@media screen and (min-width:768px)
{
	.columnizer-container
	{
		height: calc(100vh - 6.6rem - 1.875rem - 1px);
		overflow: hidden
	}
}

@media screen and (max-width:1150px) and (min-width:768px)
{
	body.device-ipad .columnizer-container
	{
		height: calc(100vh - 6.6rem - 1.875rem - 24px - 1px)
	}
}

.columnizer-container .columnizer-content
{
	column-gap: 0;
	column-rule-width: 0
}

@media screen and (max-width:767px)
{
	
}

.homepage
{
	display: block;
	box-sizing: border-box;
	height: 100vh;
	max-height: 100vh;
	padding-top: 6.6rem;
	padding-bottom: 1.875rem;
	overflow: hidden
}

@media screen and (max-width:1150px) and (min-width:768px)
{
	body.device-ipad .homepage
	{
		height: calc(100vh - 24px);
		max-height: calc(100vh - 24px)
	}
}

@media screen and (max-width:767px)
{
	.homepage
	{
		padding-top: 4.5rem;
		padding-bottom: 0
	}
}

.homepage .homepage-membrane
{
	height: 100%;
	transition: all .4s ease-in-out
}

.homepage .homepage-membrane.state-uninitialized
{
	transform: scale3d(.5,.5,.5)
}

.homepage .homepage-membrane.no-animation
{
	transition: none
}

.homepage .homepage-stream
{
	height: 100%;
	width: 15000vw
}

.homepage .homepage-stream.animation-on
{
	transition: all .4s ease-in-out
}

.homepage .homepage-stream.state-uninitialized
{
	transform: scale(.8)
}

.homepage .advancearrow-backward
{
	display: block
}

.homepage .homepage-block
{
	display: block;
	position: relative;
	float: left;
	height: 100%;
	width: 87.5vw;
	box-sizing: border-box;
	padding: 0 3.75vw;
	text-align: center
}

@media screen and (max-width:767px)
{
	.homepage .homepage-block
	{
		width: 100vw;
		padding: 0
	}
}

.homepage .homepage-image
{
	height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	box-align: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-ms-flex-align: center
}

.homepage .homepage-image img.homepage-image-img
{
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	pointer-events: none
}

body.selection-on .homepage .homepage-image img.homepage-image-img
{
	pointer-events: auto
}

.homepage .homepage-image div.homepage-image-img
{
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat
}

.homepage .homepage-stream.animation-on .homepage-block,.homepage .homepage-stream.animation-on .homepage-block .homepage-image-img
{
	transition: all .4s ease-in-out
}

.homepage .homepage-block.state-previous
{
	transform: scale3d(.8,.8,.8);
	transform-origin: center right
}

.homepage .homepage-block.state-next
{
	transform: scale3d(.8,.8,.8);
	transform-origin: center left
}

.homepage .homepage-block.v-project .homepage-block-caption
{
	opacity: 0;
	position: absolute;
	box-sizing: border-box;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: left;
	background: hsla(0,0%,100%,.9);
	font-size: .9rem;
	line-height: 1;
	padding: 1rem 1.25rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: opacity .1s ease-in-out
}

.homepage .homepage-block.v-project .homepage-block-caption strong
{
	margin-right: .75em
}

@media screen and (max-width:767px)
{
	.homepage .homepage-block.v-project .homepage-block-caption
	{
		font-size: .8rem
	}
}

.homepage .homepage-block.v-project.state-current:hover .homepage-block-caption
{
	opacity: 1
}

body:not(.feature-is-touch) .homepage .homepage-block.v-project.state-current.hide-caption:hover .homepage-block-caption
{
	opacity: 0
}

body.feature-is-touch .homepage .homepage-block.v-project.state-current .homepage-block-caption
{
	opacity: 1
}

.homepage .homepage-block-text
{
	position: absolute;
	top: 3rem;
	bottom: 3rem;
	left: 3.75vw;
	right: 3.75vw;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex
}

@media screen and (max-width:767px)
{
	.homepage .homepage-block-text
	{
		top: 2rem;
		bottom: 7rem;
		left: 0;
		right: 0;
	}
}

.homepage .homepage-block-text.v-top-center,.homepage .homepage-block-text.v-top-left,.homepage .homepage-block-text.v-top-right
{
	box-align: start;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
	-o-align-items: flex-start;
	align-items: flex-start;
	-ms-flex-align: start
}

.homepage .homepage-block-text.v-center,.homepage .homepage-block-text.v-center-left,.homepage .homepage-block-text.v-center-right
{
	box-align: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-ms-flex-align: center
}

@media screen and (max-width:767px)
{
	.homepage .homepage-block-text.v-center,.homepage .homepage-block-text.v-center-left,.homepage .homepage-block-text.v-center-right
	{
		box-align: end;
		-moz-align-items: flex-end;
		-ms-align-items: flex-end;
		-o-align-items: flex-end;
		align-items: flex-end;
		-ms-flex-align: end
	}
}

.homepage .homepage-block-text.v-bottom-center,.homepage .homepage-block-text.v-bottom-left,.homepage .homepage-block-text.v-bottom-right
{
	box-align: end;
	-moz-align-items: flex-end;
	-ms-align-items: flex-end;
	-o-align-items: flex-end;
	align-items: flex-end;
	-ms-flex-align: end
}

.homepage .homepage-block-text .homepage-block-text-membrane
{
	max-width: 15rem;
	color: #000;
	background: hsla(0,0%,100%,.8);
	padding: 1.5rem;
	padding-top: 1.4rem
}

@media screen and (max-width:767px)
{
	.homepage .homepage-block-text .homepage-block-text-membrane
	{
		padding: 1.5rem;
		max-width: 12rem
	}
}

.homepage .homepage-block-text.v-bottom-left .homepage-block-text-membrane,.homepage .homepage-block-text.v-center-left .homepage-block-text-membrane,.homepage .homepage-block-text.v-top-left .homepage-block-text-membrane
{
	margin: 0 auto 0 0;
	text-align: left;
	padding-left: 2.5rem;
	padding-right: 1rem
}

@media screen and (max-width:767px)
{
	.homepage .homepage-block-text.v-bottom-left .homepage-block-text-membrane,.homepage .homepage-block-text.v-center-left .homepage-block-text-membrane,.homepage .homepage-block-text.v-top-left .homepage-block-text-membrane
	{
		padding-left: 2rem;
		padding-right: 1rem
	}
}

.homepage .homepage-block-text.v-bottom-center .homepage-block-text-membrane,.homepage .homepage-block-text.v-center .homepage-block-text-membrane,.homepage .homepage-block-text.v-top-center .homepage-block-text-membrane
{
	margin: 0 auto;
	text-align: center
}

.homepage .homepage-block-text.v-bottom-right .homepage-block-text-membrane,.homepage .homepage-block-text.v-center-right .homepage-block-text-membrane,.homepage .homepage-block-text.v-top-right .homepage-block-text-membrane
{
	margin: 0 0 0 auto;
	text-align: left;
	padding-right: 2.5rem
}

@media screen and (max-width:767px)
{
	.homepage .homepage-block-text.v-bottom-right .homepage-block-text-membrane,.homepage .homepage-block-text.v-center-right .homepage-block-text-membrane,.homepage .homepage-block-text.v-top-right .homepage-block-text-membrane
	{
		padding-right: 1.5rem
	}
}

@media screen and (max-width:767px)
{
	.homepage .homepage-block-text.v-phone-override-top-center,.homepage .homepage-block-text.v-phone-override-top-left,.homepage .homepage-block-text.v-phone-override-top-right
	{
		box-align: start;
		-moz-align-items: flex-start;
		-ms-align-items: flex-start;
		-o-align-items: flex-start;
		align-items: flex-start;
		-ms-flex-align: start
	}

	.homepage .homepage-block-text.v-phone-override-center
	{
		box-align: center;
		-moz-align-items: center;
		-ms-align-items: center;
		-o-align-items: center;
		align-items: center;
		-ms-flex-align: center
	}

	.homepage .homepage-block-text.v-phone-override-bottom-center,.homepage .homepage-block-text.v-phone-override-bottom-left,.homepage .homepage-block-text.v-phone-override-bottom-right
	{
		box-align: end;
		-moz-align-items: flex-end;
		-ms-align-items: flex-end;
		-o-align-items: flex-end;
		align-items: flex-end;
		-ms-flex-align: end
	}

	.homepage .homepage-block-text.v-phone-override-bottom-left .homepage-block-text-membrane,.homepage .homepage-block-text.v-phone-override-top-left .homepage-block-text-membrane
	{
		margin: 0 auto 0 0;
		text-align: left;
		padding-left: 2rem!important;
		padding-right: 1rem!important
	}

	.homepage .homepage-block-text.v-phone-override-bottom-center .homepage-block-text-membrane,.homepage .homepage-block-text.v-phone-override-center .homepage-block-text-membrane,.homepage .homepage-block-text.v-phone-override-top-center .homepage-block-text-membrane
	{
		margin: 0 auto;
		text-align: center;
		padding-left: 1.5rem!important;
		padding-right: 1.5rem!important
	}

	.homepage .homepage-block-text.v-phone-override-bottom-right .homepage-block-text-membrane,.homepage .homepage-block-text.v-phone-override-top-right .homepage-block-text-membrane
	{
		margin: 0 0 0 auto;
		text-align: left;
		padding-left: 1.5rem!important;
		padding-right: 1.5rem!important
	}

	.homepage .homepage-block-text.v-phone-override-center .homepage-block-text-membrane
	{
		max-width: 10rem
	}
}

.homepage .homepage-block-text.v-white-text .homepage-block-text-membrane
{
	color: #fff;
	background: rgba(0,0,0,.75)
}

.homepage .homepage-block-text .project section.project-quote cite,.homepage .homepage-block-text .project section.project-titleblock .project-titleblock-databox .maplink,.homepage .homepage-block-text h6,.project section.project-quote .homepage .homepage-block-text cite,.project section.project-titleblock .project-titleblock-databox .homepage .homepage-block-text .maplink
{
	text-decoration: none
}

.homepage .homepage-block-text h3
{
	font-weight: 200;
	font-size: 1.3rem;
	line-height: 1.25;
	margin-bottom: .5rem
}

.homepage .homepage-block-text h3 strong
{
	font-weight: 600
}

.homepage .homepage-block-text h3 em
{
	font-style: italic
}

@media screen and (max-width:767px)
{
	.homepage .homepage-block-text h3
	{
		font-size: 1rem
	}
}

.homepage .homepage-block-text p
{
	font-size: .875rem
}

@media screen and (max-width:767px)
{
	.homepage .homepage-block-text p
	{
		font-size: .75rem
	}
}

.homepage .homepage-block-text p span
{
	text-decoration: underline
}

.homepage .homepage-block-text p span:hover
{
	text-decoration: none
}

.homepage .homepage-block-quote
{
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	box-align: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-ms-flex-align: center;
	height: 100%;
	text-align: left;
	overflow: hidden
}

.homepage .homepage-block-quote blockquote
{
	max-width: 56.25vw;
	margin: 0 auto
}

@media screen and (min-width:2000px)
{
	.homepage .homepage-block-quote blockquote
	{
		font-size: 5.5vh
	}
}

@media screen and (min-width:1550px)
{
	.homepage .homepage-block-quote blockquote
	{
		font-size: 5vh
	}
}

@media screen and (min-width:1151px)
{
	.homepage .homepage-block-quote blockquote
	{
		font-size: 4.25vh
	}
}

@media screen and (min-width:1151px) and (orientation:portrait)
{
	.homepage .homepage-block-quote blockquote
	{
		font-size: 4vh
	}
}

@media screen and (max-width:1150px) and (min-width:768px)
{
	.homepage .homepage-block-quote blockquote
	{
		font-size: 4vh
	}
}

@media screen and (max-width:1150px) and (min-width:768px) and (orientation:portrait)
{
	.homepage .homepage-block-quote blockquote
	{
		font-size: 3.5vh
	}
}

@media screen and (max-width:899px) and (min-width:768px) and (orientation:portrait)
{
	.homepage .homepage-block-quote blockquote
	{
		font-size: 3vh
	}
}

@media screen and (max-width:767px)
{
	.homepage .homepage-block-quote blockquote
	{
		font-size: 4.5vh;
		max-width: 75vw
	}
}

@media screen and (max-width:767px) and (orientation:portrait)
{
	.homepage .homepage-block-quote blockquote
	{
		font-size: 3.25vh
	}
}

@media screen and (min-width:768px)
{
	.listpage .listpage-topbar
	{
		height: 7.5rem;
		position: fixed;
		z-index: 1;
		top: 6.6rem;
		padding: 0 6.25vw
	}
}

@media screen and (max-width:767px)
{
	.listpage .listpage-topbar
	{
		margin-bottom: 2rem;
		padding: 0 6.25vw
	}
}

.listpage .listpage-topbar h1
{
	max-width: 25rem
}

.listpage .listpage-topbar h1 .listpage-h1-result
{
	color: #939598;
	position: relative
}

.listpage .listpage-row1,.listpage .listpage-row2
{
	font-size: 0;
	line-height: 0
}

@media screen and (min-width:768px)
{
	.listpage .listpage-row1,.listpage .listpage-row2
	{
		box-sizing: border-box;
		height: calc(50% - 3.75rem);
		min-height: 10.5rem
	}
}

@media screen and (min-width:768px)
{
	.listpage .listpage-row1
	{
		margin-top: 7.5rem;
		padding-bottom: 2.5vh
	}
}

@media screen and (max-height:599px)
{
	.listpage .listpage-row1
	{
		height: calc(100% - 7.5rem);
		min-height: 10.5rem;
		padding-bottom: 0
	}
}

@media screen and (min-width:768px)
{
	.listpage .listpage-row2
	{
		padding-top: 2.5vh
	}
}

@media screen and (max-height:599px)
{
	.listpage .listpage-row2
	{
		display: none
	}
}

.projlist section.projlist-thumbs
{
	width: auto
}

@media screen and (max-width:767px)
{
	.projlist section.projlist-thumbs.v-for-timeline
	{
		padding-top: 2rem
	}
}

.projlist .projects-filter
{
	position: fixed;
	top: 6.94rem;
	margin: 0 auto;
	left: 0;
	right: 0;
	z-index: 2
}

@media screen and (max-width:1100px)
{
	.projlist .projects-filter
	{
		display: none
	}
}

.projlist .section-down,.projlist .section-up
{
	z-index: 3
}

.projlist .projlist-timeline
{
	position: fixed;
	left: 6.25vw;
	width: 87.5vw;
	top: 10.1rem;
	height: 2rem
}

@media screen and (max-width:767px)
{
	.projlist .projlist-timeline
	{
		top: 4.9rem;
		z-index: 1;
		background: #fff;
		height: 29px
	}

	.projlist .projlist-timeline:after
	{
		content: "";
		height: .41rem;
		position: absolute;
		bottom: 100%;
		left: 0;
		right: 0;
		background: #fff;
		z-index: 0
	}
}

.projlist .projlist-timeline .projlist-timeline-slider
{
	position: absolute;
	top: -6px;
	height: 14px;
	background-color: #939598;
	border-radius: 7px;
	z-index: 2;
	left: 0;
	width: 5%;
	transition: left .5s,width .5s
}

@media screen and (max-width:767px)
{
	.projlist .projlist-timeline .projlist-timeline-slider
	{
		top: -4px;
		height: 9px
	}
}

.projlist .projlist-timeline .projlist-timeline-timeline
{
	height: 14px
}

.projlist .projlist-timeline .projlist-timeline-timeline-line
{
	border-top: 1px solid #939598;
	display: flex;
	color: #939598;
	height: 100%
}

.projlist .projlist-timeline .projlist-timeline-timeline-line:before
{
	content: "";
	display: block;
	height: 14px;
	border-right: 1px solid #939598;
	margin-top: -7px
}

.projlist .projlist-timeline .projlist-timeline-timeline-line .projlist-timeline-timeline-line-tick
{
	position: absolute;
	font-weight: 300;
	opacity: 0;
	width: 1px;
	cursor: pointer;
	z-index: 1
}

.projlist .projlist-timeline .projlist-timeline-timeline-line .projlist-timeline-timeline-line-tick .label
{
	font-weight: 700;
	font-size: .65rem;
	letter-spacing: .025em;
	line-height: 1;
	width: 100px;
	text-align: center;
	margin: -15px 0 0 -50px;
	padding-top: 30px;
	text-transform: uppercase
}

.projlist .projlist-timeline .projlist-timeline-timeline-line .projlist-timeline-timeline-line-tick .label strong
{
	font-weight: 700
}

.projlist .projlist-timeline .projlist-timeline-timeline-line .projlist-timeline-timeline-line-tick .label em
{
	font-style: italic
}

@media screen and (max-width:767px)
{
	.projlist .projlist-timeline .projlist-timeline-timeline-line .projlist-timeline-timeline-line-tick .label
	{
		font-size: .6rem;
		padding-top: 19px;
		width: 30px;
		margin-left: -15px
	}
}

.projlist .projlist-timeline .projlist-timeline-timeline-line .projlist-timeline-timeline-line-tick:hover
{
	color: #000
}

.projlist .projlist-timeline .projlist-timeline-timeline-line .projlist-timeline-timeline-line-tick:before
{
	content: "";
	display: block;
	height: 14px;
	border-left: 1px solid #939598;
	margin-top: -7px
}

@media screen and (max-width:767px)
{
	.projlist .projlist-timeline .projlist-timeline-timeline-line .projlist-timeline-timeline-line-tick:before
	{
		z-index: 2;
		margin-top: -4px;
		height: 8px
	}
}

.projlist .projlist-timeline .projlist-timeline-timeline-line .projlist-timeline-timeline-line-tick[data-active]
{
	color: #000;
	transition: color .5s
}

.projlist .projlist-project
{
	display: inline-block;
	margin-right: 2rem;
	max-width: 300px;
	height: 100%;
	min-height: 7rem;
	vertical-align: top;
	cursor: pointer
}

.projlist .projlist-project:not([href])
{
	cursor: default
}

@media screen and (max-width:767px)
{
	.projlist .projlist-project
	{
		display: block;
		height: auto;
		width: auto;
		max-width: none;
		min-height: 0;
		margin-right: 0;
		margin-bottom: 2rem
	}
}

.projlist .projlist-project .projlist-project-membrane
{
	height: 100%
}

.projlist .projlist-project .projlist-project-img
{
	text-align: left
}

@media screen and (min-width:768px)
{
	.projlist .projlist-project .projlist-project-img
	{
		height: calc(100% - 3.5rem)
	}
}

.projlist .projlist-project .projlist-project-img img
{
	display: block;
	height: auto;
	width: auto;
	max-height: 100%;
	max-width: 100%;
	margin: 0 auto 0 0
}

@media screen and (max-width:767px)
{
	.projlist .projlist-project .projlist-project-img img
	{
		width: 100%;
		max-width: 100%;
		max-height: none
	}
}

.projlist .projlist-project .projlist-project-data
{
	box-sizing: border-box;
	padding: .5rem 0 0;
	font-size: .75rem;
	line-height: 1.4;
	overflow: hidden;
	width: 100%;
	max-width: 100%;
	height: 3.5rem
}
.projlist-project-data .projlist-project-name{
	max-height: 2rem;
	overflow: hidden;
	display: block;
}
@media screen and (max-width:767px)
{
	.projlist .projlist-project .projlist-project-data
	{
		height: auto;
		width: 80%
	}
}

.projlist .projlist-project .projlist-project-data>span.projlist-project-loca,.projlist .projlist-project:not([href]) .projlist-project-data
{
	color: #939598
}

.projlist .projlist-project[href]:hover .projlist-project-data>span
{
	text-decoration: underline
}

.projlist section.projlist-list
{
	width: 18.75vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.projlist section.projlist-list
	{
		width: 31.875vw
	}
}

@media screen and (min-width:768px)
{
	.projlist section.projlist-list
	{
		padding-left: 0
	}
}

.projlist section.projlist-list .projlist-list-items
{
	position: relative
}

@media screen and (min-width:768px)
{
	.projlist section.projlist-list .projlist-list-items
	{
		padding-left: 3.125vw;
		margin-top: 7.5rem;
		border-left: 1px solid #939598;
		padding-bottom: 3rem;
		min-height: 100%
	}
}

@media screen and (min-width:768px)
{
	.projlist section.projlist-list.v-no-thumbs .projlist-list-items
	{
		padding-left: 6.25vw;
		border-left: 0
	}
}

.projlist section.projlist-list .projlist-list-item
{
	font-size: .75rem;
	line-height: 1.4;
	margin-bottom: 1rem;
	display: block
}

.projlist section.projlist-list .projlist-list-item[href]:hover span
{
	text-decoration: underline
}

.projlist section.projlist-list .projlist-list-item .projlist-list-loca
{
	color: #939598
}

.newslist .newslist-item
{
	display: inline-block;
	margin-right: 6.25vw;
	width: 18.75vw;
	height: 100%;
	min-height: 7rem;
	vertical-align: top;
	cursor: pointer
}

@media screen and (min-width:2000px)
{
	.newslist .newslist-item
	{
		width: 12.5vw
	}
}

@media screen and (max-width:1150px) and (min-width:768px)
{
	.newslist .newslist-item
	{
		width: 25vw
	}
}

@media screen and (max-width:767px)
{
	.newslist .newslist-item
	{
		display: block;
		height: auto;
		width: auto;
		margin-right: 0;
		margin-bottom: 2rem
	}
}

.newslist .newslist-item .newslist-item-membrane
{
	height: 100%
}

.newslist .newslist-item .newslist-item-img
{
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: calc(100% - 3.5rem)
}

@media screen and (max-width:767px)
{
	.newslist .newslist-item .newslist-item-img
	{
		height: 80vw
	}
}

.newslist .newslist-item .newslist-item-data
{
	box-sizing: border-box;
	padding: .5rem 0 0;
	font-size: .75rem;
	line-height: 1.4;
	overflow: hidden;
	width: 100%;
	height: 3.5rem
}

@media screen and (max-width:767px)
{
	.newslist .newslist-item .newslist-item-data
	{
		height: auto;
		width: 80%
	}
}

.newslist .newslist-item .newslist-item-data .project section.project-quote cite,.newslist .newslist-item .newslist-item-data .project section.project-titleblock .project-titleblock-databox .maplink,.newslist .newslist-item .newslist-item-data h6,.project section.project-quote .newslist .newslist-item .newslist-item-data cite,.project section.project-titleblock .project-titleblock-databox .newslist .newslist-item .newslist-item-data .maplink
{
	text-decoration: none
}

.newslist .newslist-item:hover .newslist-item-data span
{
	text-decoration: underline
}

.map .projects-filter
{
	position: fixed;
	top: 6.94rem;
	margin: 0 auto;
	left: 0;
	right: 0;
	z-index: 2
}

.map .projects-filter a:not(.state-active):not(:hover)>span
{
	background-color: #fff
}

@media screen and (max-width:767px)
{
	.map .projects-filter
	{
		display: none
	}
}

.map .map-container
{
	position: relative;
	box-sizing: border-box;
	padding-top: 6.6rem;
	height: 100vh;
	z-index: 1;
	overflow: hidden
}

@media screen and (max-width:767px)
{
	.map .map-container
	{
		padding-top: 4.5rem
	}
}

.map .map-container .map-ggl
{
	height: 100%;
	height: calc(100% + 25px)
}

.map .map-container .map-ggl>div
{
	background-color: #fff!important
}

.map .map-container .map-ggl .gm-style-iw
{
	width: 210px!important;
	top: 30px!important;
	left: 20px!important;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,.4);
	border: 1px solid grey;
	border-radius: 0;
	color: #939598
}

.map .map-container .map-ggl .gm-style-iw a
{
	display: block;
	cursor: pointer;
	color: #000
}

.map .map-container .map-ggl .gm-style-iw img
{
	width: 100%;
	height: auto;
	display: block!important
}

.map .map-container .map-ggl .gm-style-iw .map-iw-caption
{
	font-weight: 400;
	padding: .5rem .75rem;
	font-size: .75rem;
	line-height: 1.4
}

.map .map-container .map-ggl .gm-style-iw .map-iw-caption strong
{
	font-weight: 700
}

.map .map-container .map-ggl .gm-style-iw .map-iw-caption em
{
	font-style: italic
}

.map .map-container .map-ggl .gm-style-iw .map-iw-caption>span
{
	display: block
}

.map .map-container .map-ggl .gm-style-iw .map-iw-caption>span:nth-child(2)
{
	color: #939598
}

.map .map-container .map-zoom-ctrl
{
	position: absolute;
	z-index: 999999999;
	top: 9.6rem;
	right: 0
}

@media screen and (max-width:767px)
{
	.map .map-container .map-zoom-ctrl
	{
		top: 7.5rem
	}
}

.map .map-container .map-zoom-ctrl .map-zoom-ctrl-in,.map .map-container .map-zoom-ctrl .map-zoom-ctrl-out
{
	display: block;
	background: #000
}

.map .map-container .map-zoom-ctrl .map-zoom-ctrl-in>span,.map .map-container .map-zoom-ctrl .map-zoom-ctrl-out>span
{
	display: block;
	position: relative;
	width: 2rem;
	height: 2rem;
	cursor: pointer
}

.map .map-container .map-zoom-ctrl .map-zoom-ctrl-in>span:after,.map .map-container .map-zoom-ctrl .map-zoom-ctrl-in>span:before,.map .map-container .map-zoom-ctrl .map-zoom-ctrl-out>span:after,.map .map-container .map-zoom-ctrl .map-zoom-ctrl-out>span:before
{
	content: ""
}

.map .map-container .map-zoom-ctrl .map-zoom-ctrl-in>span:after,.map .map-container .map-zoom-ctrl .map-zoom-ctrl-out>span:after
{
	position: absolute;
	top: 50%;
	left: .5rem;
	right: .5rem;
	margin-top: -1px;
	height: 2px;
	background: #fff
}

.map .map-container .map-zoom-ctrl .map-zoom-ctrl-in>span:before,.map .map-container .map-zoom-ctrl .map-zoom-ctrl-out>span:before
{
	position: absolute;
	top: .5rem;
	left: 50%;
	bottom: .5rem;
	margin-left: -1px;
	width: 2px;
	background: #fff
}

body:not(.feature-is-touch) .map .map-container .map-zoom-ctrl .map-zoom-ctrl-in:hover,body:not(.feature-is-touch) .map .map-container .map-zoom-ctrl .map-zoom-ctrl-out:hover
{
	background: #939598
}

.map .map-container .map-zoom-ctrl .map-zoom-ctrl-in.state-disabled,.map .map-container .map-zoom-ctrl .map-zoom-ctrl-out.state-disabled
{
	opacity: 0;
	pointer-events: none
}

.map .map-container .map-zoom-ctrl .map-zoom-ctrl-out
{
	border-top: 1px solid #fff
}

.map .map-container .map-zoom-ctrl .map-zoom-ctrl-out>span:before
{
	display: none
}

.project section.project-titleblock
{
	width: 25vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.project section.project-titleblock
	{
		width: 42.5vw
	}
}

@media screen and (min-width:768px)
{
	.project section.project-titleblock
	{
		padding-right: 0
	}
}

.project section.project-titleblock h1
{
	margin-top: 4.2rem;
	font-size: 2rem
}

@media screen and (max-width:767px)
{
	.project section.project-titleblock h1
	{
		margin-top: 0
	}
}

.project section.project-quote section.project-titleblock cite,.project section.project-titleblock .project-titleblock-databox .maplink,.project section.project-titleblock h6,.project section.project-titleblock section.project-quote cite
{
	margin-bottom: .25rem
}

.project section.project-titleblock .project-titleblock-databox
{
	margin: 1rem 0;
	padding: 1rem 0;
	border: 1px solid #000;
	border-left: none;
	border-right: none
}

.project section.project-titleblock .project-titleblock-databox address,.project section.project-titleblock .project-titleblock-databox span
{
	display: block
}

.project section.project-titleblock .project-titleblock-databox address a,.project section.project-titleblock .project-titleblock-databox span a
{
	text-decoration: underline
}

.project section.project-titleblock .project-titleblock-databox address a:hover,.project section.project-titleblock .project-titleblock-databox span a:hover
{
	text-decoration: none
}

.project section.project-quote section.project-titleblock .project-titleblock-databox cite,.project section.project-titleblock .project-titleblock-databox .maplink,.project section.project-titleblock .project-titleblock-databox h6,.project section.project-titleblock .project-titleblock-databox section.project-quote cite
{
	margin-top: 1.4rem;
	margin-bottom: 0
}

.project section.project-titleblock .project-titleblock-databox .maplink
{
	text-decoration: none;
	color: #939598;
	font-size: .55rem;
	letter-spacing: .025em
}

.project section.project-titleblock .project-titleblock-databox .maplink:hover
{
	text-decoration: underline
}

.project section.project-titleblock .project-titleblock-featurednews
{
	margin-top: 1rem;
	margin-bottom: 2rem
}

.project section.project-titleblock .project-titleblock-featurednews .excerpt
{
	font-size: .875rem;
	margin: .5rem 0
}

.project section.project-titleblock .project-titleblock-pdf
{
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #000
}

@media screen and (max-width:767px)
{
	.project section.project-titleblock .project-titleblock-pdf
	{
		display: block
	}
}

.project section.project-titleblock .project-titleblock-pdf.v-preceded-by-featured-news
{
	padding-top: 1rem;
	border-top: 1px solid #000
}

.project section.project-titleblock .project-titleblock-related
{
	padding-top: 1rem;
	font-size: .875rem
}

.project section.project-quote section.project-titleblock .project-titleblock-related a+cite,.project section.project-quote section.project-titleblock .project-titleblock-related span+cite,.project section.project-titleblock .project-titleblock-databox .project-titleblock-related a+.maplink,.project section.project-titleblock .project-titleblock-databox .project-titleblock-related span+.maplink,.project section.project-titleblock .project-titleblock-related .project-titleblock-databox a+.maplink,.project section.project-titleblock .project-titleblock-related .project-titleblock-databox span+.maplink,.project section.project-titleblock .project-titleblock-related a+h6,.project section.project-titleblock .project-titleblock-related section.project-quote a+cite,.project section.project-titleblock .project-titleblock-related section.project-quote span+cite,.project section.project-titleblock .project-titleblock-related span+h6
{
	margin-top: 1.4rem
}

.project section.project-titleblock .project-titleblock-related a,.project section.project-titleblock .project-titleblock-related span
{
	display: block
}

.project section.project-titleblock .project-titleblock-related a:not(:last-child),.project section.project-titleblock .project-titleblock-related span:not(:last-child)
{
	margin-bottom: .5em
}

.project section.project-description
{
	width: 25vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.project section.project-description
	{
		width: 42.5vw
	}
}

.project section.project-stats
{
	width: 18.75vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.project section.project-stats
	{
		width: 31.875vw
	}
}

@media screen and (min-width:768px)
{
	.project section.project-stats
	{
		display: block!important
	}
}

@media screen and (max-width:767px)
{
	.project section.project-stats
	{
		display: none
	}
}

@media screen and (min-width:768px)
{
	.project section.project-stats+.project-stats
	{
		padding-left: 0
	}
}

@media screen and (max-width:767px)
{
	.project section.project-stats.v-awards-in-next-column
	{
		margin-bottom: 0
	}
}

.project section.project-stats .stat
{
	margin-bottom: 1.4rem
}

.project section.project-stats .stat p+p
{
	margin-top: .7rem
}

.project section.project-stats .stat p strong
{
	font-weight: 500
}

.project section.project-stats .stat p strong strong
{
	font-weight: 700
}

.project section.project-stats .stat p strong em
{
	font-style: italic
}

.project .project-stats-phone-trigger
{
	padding: 0 6.25vw 6.25vw;
	cursor: pointer;
	text-decoration: underline;
	position: relative
}

.project .project-stats-phone-trigger.state-closed:after,.project .project-stats-phone-trigger:after
{
	content: "+";
	position: absolute;
	left: calc(6.25vw - .6rem);
	text-decoration: none
}

.project .project-stats-phone-trigger.state-open:after
{
	content: "-"
}

.project section.project-quote
{
	width: 31.25vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.project section.project-quote
	{
		width: 53.125vw
	}
}

.project section.project-quote cite
{
	display: block;
	margin-top: 1.4rem;
	margin-bottom: 2.8rem
}

.project section.project-video
{
	width: 50vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.project section.project-video
	{
		width: 85vw
	}
}

.project section.project-video .project-video-container
{
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	position: relative
}

.project section.project-video .project-video-container .project-video-poster,.project section.project-video .project-video-container iframe
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: none;
	outline: none;
	overflow: hidden;
	width: 100%;
	height: 100%
}

.project section.project-video .project-video-container .project-video-poster
{
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	cursor: pointer
}

.project section.project-vr
{
	width: 50vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.project section.project-vr
	{
		width: 85vw
	}
}

.project section.project-vr .project-vr-container
{
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	position: relative
}

.project section.project-vr .project-vr-container .project-vr-poster
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: none;
	outline: none;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	cursor: pointer
}

.project section.project-powerpoint .project-powerpoint-slides
{
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%
}

.project section.project-powerpoint .project-powerpoint-slides .project-powerpoint-slide
{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	background-color: #e6e6e7
}

.project section.project-powerpoint .project-powerpoint-slides .project-powerpoint-backwards,.project section.project-powerpoint .project-powerpoint-slides .project-powerpoint-forwards
{
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50%;
	z-index: 1
}

.project section.project-powerpoint .project-powerpoint-slides .project-powerpoint-backwards
{
	left: 0
}

.project section.project-powerpoint .project-powerpoint-slides .project-powerpoint-forwards
{
	right: 0
}

.project section.project-powerpoint .project-powerpoint-info
{
	margin-top: 1rem;
	min-height: 3.4146rem
}

.project section.project-powerpoint .project-powerpoint-info:after
{
	clear: both;
	content: "";
	display: table
}

@media screen and (max-width:767px)
{
	.project section.project-powerpoint .project-powerpoint-info
	{
		margin-top: .5rem;
		min-height: 1.1382rem
	}
}

@media screen and (min-width:768px)
{
	.project section.project-powerpoint .project-powerpoint-info .indicators
	{
		float: left;
		width: 10.9375vw
	}
}

@media screen and (min-width:768px) and (min-width:768px) and (orientation:portrait)
{
	.project section.project-powerpoint .project-powerpoint-info .indicators
	{
		width: 18.59375vw
	}
}

@media screen and (max-width:767px)
{
	.project section.project-powerpoint .project-powerpoint-info .indicators
	{
		width: auto
	}
}

.project section.project-powerpoint .project-powerpoint-info .caption
{
	display: block;
	margin-left: 12.5vw;
	margin-top: 0;
	position: absolute
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.project section.project-powerpoint .project-powerpoint-info .caption
	{
		margin-left: 21.25vw
	}
}

@media screen and (max-width:767px)
{
	.project section.project-powerpoint .project-powerpoint-info .caption
	{
		margin-top: .5rem;
		margin-left: 0;
		position: static
	}
}

.project section.project-endcard
{
	width: 18.75vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.project section.project-endcard
	{
		width: 31.875vw
	}
}

@media screen and (min-width:768px)
{
	.project section.project-endcard
	{
		border-left: 1px solid #000
	}
}

.project section.project-endcard h6,.project section.project-endcard section.project-quote cite,.project section.project-endcard section.project-titleblock .project-titleblock-databox .maplink,.project section.project-quote section.project-endcard cite,.project section.project-titleblock .project-titleblock-databox section.project-endcard .maplink
{
	margin-bottom: .25rem
}

@media screen and (max-width:767px)
{
	.project section.project-endcard .project-endcard-featurednewsholder
	{
		border-top: 1px solid #000;
		padding-top: 2rem
	}
}

.project section.project-endcard .project-endcard-featurednewsholder.v-followed-by-related-projects
{
	margin-bottom: 2rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #000
}

.project section.project-endcard .project-endcard-featurednewsholder .project-endcard-featurednews
{
	margin-bottom: 2rem
}

.project section.project-endcard .project-endcard-featurednewsholder .project-endcard-featurednews .excerpt
{
	font-size: .875rem;
	margin: .5rem 0
}

.project section.project-endcard .project-endcard-relatedprojects
{
	font-size: .875rem
}

.project section.project-endcard .project-endcard-relatedprojects a,.project section.project-endcard .project-endcard-relatedprojects span
{
	display: block
}

.project section.project-endcard .project-endcard-relatedprojects a:not(:last-child),.project section.project-endcard .project-endcard-relatedprojects span:not(:last-child)
{
	margin-bottom: .5em
}

.project-slideshow
{
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1099;
	background: #fff;
	padding: 4rem 2rem
}

@media screen and (max-width:767px)
{
	.project-slideshow
	{
		padding: 3rem 6.25vw
	}
}

.project-slideshow .project-slideshow-slide
{
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	box-align: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-ms-flex-align: center;
	width: 100%;
	height: 100%
}

.project-slideshow .project-slideshow-slide .data-slideshow-img
{
	width: 100%;
	height: 100%
}

.project-slideshow .project-slideshow-slide img
{
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto
}

.project-slideshow .close
{
	top: 0;
	right: 0;
	padding: 1.125rem;
	padding-left: 2rem;
	padding-right: 2rem
}

@media screen and (max-width:767px)
{
	.project-slideshow .close
	{
		padding: 1.0625rem;
		padding-left: 6.25vw;
		padding-right: 6.25vw
	}
}

.project-slideshow .advancearrow-backward,.project-slideshow .advancearrow-forward
{
	display: block;
	top: auto;
	bottom: 2.5625rem;
}

@media screen and (max-width:767px)
{
	.project-slideshow .advancearrow-backward,.project-slideshow .advancearrow-forward
	{
		bottom: 1.28125rem
	}
}

.project-slideshow .advancearrow-forward
{
	right: 2rem
}

@media screen and (max-width:767px)
{
	.project-slideshow .advancearrow-forward
	{
		right: 6.25vw
	}
}

.project-slideshow .advancearrow-backward
{
	left: 2rem
}

@media screen and (max-width:767px)
{
	.project-slideshow .advancearrow-backward
	{
		right: 6.25vw
	}
}

.project-slideshow .invisible-backward,.project-slideshow .invisible-forward
{
	top: 4rem;
	bottom: 4rem;
	width: 18.75vw
}

@media screen and (max-width:767px)
{
	.project-slideshow .invisible-backward,.project-slideshow .invisible-forward
	{
		display: none
	}
}

.project-slideshow .indicators
{
	position: absolute;
	text-align: center;
	bottom: 2.5625rem;
	left: 3.75rem;
	right: 3.75rem;
}

@media screen and (max-width:767px)
{
	.project-slideshow .indicators
	{
		bottom: 1.28125rem;
		left: calc(6.25vw + .4375rem * 2);
		right: calc(6.25vw + .4375rem * 2)
	}
}

@media screen and (min-width:768px)
{
	.newspage .newspage-topbar
	{
		position: absolute;
		z-index: 1;
		background: #fff;
		padding: 0 0 0 6.25vw;
		box-sizing: border-box;
		width: calc(1px + 46.875vw + 3.125vw + 6.25vw)
	}
}

@media screen and (max-width:767px)
{
	.newspage .newspage-topbar
	{
		padding: 0 6.25vw
	}
}

@media screen and (min-width:768px)
{
	.newspage .newspage-topbar h1
	{
		max-width: 37.5rem
	}
}

.newspage .newspage-topbar h5
{
	margin-top: 2rem;
	margin-bottom: 1rem
}

@media screen and (min-width:768px)
{
	.newspage section.newspage-image,.newspage section.newspage-text
	{
		margin-top: 10.015rem;
		max-height: calc(100vh - 6.6rem - 1.875rem - 10.015rem);
		min-height: 0
	}
}

.newspage section.newspage-image
{
	width: 46.875vw
}

@media screen and (min-width:768px)
{
	.newspage section.newspage-image
	{
		padding-right: 3.125vw
	}
}

.newspage section.newspage-image [data-content]
{
	height: 100%
}

.newspage section.newspage-image .newspage-image-img
{
	display: block;
	width: 100%;
	height: 100%
}

@media screen and (max-width:767px)
{
	.newspage section.newspage-image .newspage-image-img
	{
		width: auto;
		margin-right: 0;
		margin-bottom: 1rem;
		float: none
	}
}

.newspage section.newspage-image .newspage-image-img img
{
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%
}

.newspage section.newspage-text
{
	width: 31.25vw;
	padding-left: 0;
	padding-right: 0!important
}

@media screen and (max-width:767px)
{
	.newspage section.newspage-text
	{
		padding-left: 6.25vw;
		padding-right: 6.25vw!important
	}
}

.newspage section.newspage-text .newspage-text-body .txt-description
{
	margin-bottom: 3rem
}

.newspage section.newspage-text .newspage-text-body .newspage-text-links
{
	font-size: .875rem
}

.newspage section.newspage-text .newspage-text-body .newspage-text-links .project section.project-quote cite:not(:first-child),.newspage section.newspage-text .newspage-text-body .newspage-text-links .project section.project-titleblock .project-titleblock-databox .maplink:not(:first-child),.newspage section.newspage-text .newspage-text-body .newspage-text-links h6:not(:first-child),.project section.project-quote .newspage section.newspage-text .newspage-text-body .newspage-text-links cite:not(:first-child),.project section.project-titleblock .project-titleblock-databox .newspage section.newspage-text .newspage-text-body .newspage-text-links .maplink:not(:first-child)
{
	margin-top: 1rem
}

.newspage section.newspage-text .newspage-text-body .newspage-text-share
{
	display: inline-block;
	padding: .25rem .75rem;
	border: 1px solid #000;
	line-height: 1;
	margin-top: 1.5rem;
	margin-bottom: 2rem
}
.newspage section.newspage-text .newspage-text-body .newspage-text-share .managed-link{
   margin-right: 0.5rem;
}
.newspage section.newspage-text .newspage-text-body .newspage-text-share .project section.project-quote cite,.newspage section.newspage-text .newspage-text-body .newspage-text-share .project section.project-titleblock .project-titleblock-databox .maplink,.newspage section.newspage-text .newspage-text-body .newspage-text-share h6,.project section.project-quote .newspage section.newspage-text .newspage-text-body .newspage-text-share cite,.project section.project-titleblock .project-titleblock-databox .newspage section.newspage-text .newspage-text-body .newspage-text-share .maplink
{
	display: inline-block;
	margin-right: .75rem;
	position: relative;
	top: -.25rem
}

.newspage section.newspage-text .newspage-text-body .newspage-text-share svg
{
	display: inline-block
}

.newspage section.newspage-text .newspage-text-body .newspage-text-share svg path
{
	fill: #000
}

.newspage section.newspage-text .newspage-text-body .jump-button-holder
{
	margin-bottom: 2rem
}

.newspage .advancearrow-backward
{
	display: block
}

.aboutpage h1
{
	min-height: 6.5rem;
	margin-bottom: 1rem
}

@media screen and (max-width:767px)
{
	.aboutpage h1
	{
		min-height: 0;
		margin-bottom: 2rem
	}
}

@media screen and (min-width:768px)
{
	.aboutpage .columnizer-container
	{
		height: calc(100vh - 7.5rem - 6.6rem - 1.875rem - 1px)
	}
}

@media screen and (max-width:1150px) and (min-width:768px)
{
	body.device-ipad .aboutpage .columnizer-container
	{
		height: calc(100vh - 7.5rem - 6.6rem - 1.875rem - 24px - 1px)
	}
}

.aboutpage section.about-intro
{
	width: 25vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-intro
	{
		width: 42.5vw
	}
}

@media screen and (min-width:768px)
{
	.aboutpage section.about-intro .txt-description
	{
		min-height: calc(100vh - 7.5rem - 6.6rem - 1.875rem);
		display: -webkit-box;
		display: -moz-box;
		display: box;
		display: -moz-flex;
		display: -ms-flexbox;
		display: flex;
		box-pack: center;
		-moz-justify-content: center;
		-ms-justify-content: center;
		-o-justify-content: center;
		justify-content: center;
		-ms-flex-pack: center;
		box-orient: vertical;
		box-direction: normal;
		-moz-flex-direction: column;
		flex-direction: column;
		-ms-flex-direction: column
	}
}

@media screen and (max-width:1150px) and (min-width:768px)
{
	body.device-ipad .aboutpage section.about-intro .txt-description
	{
		min-height: calc(100vh - 7.5rem - 6.6rem - 24px - 1.875rem)
	}
}

.aboutpage section.about-intro .txt-description .jump-button-holder
{
	padding: 2rem 0
}

@media screen and (max-width:767px)
{
	.aboutpage section.about-intro .txt-description .jump-button-holder
	{
		padding: 1rem 0
	}
}

.aboutpage section.about-text
{
	width: 25vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-text
	{
		width: 42.5vw
	}
}

.aboutpage section.about-imagegrid
{
	width: 50vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-imagegrid
	{
		width: 85vw
	}
}

.aboutpage section.about-imagegrid .about-imagegrid-box
{
	width: 100%;
	height: 50vw;
	max-height: calc(100vh - 6.6rem - 1.875rem - .6rem - 2.73rem);
	position: relative;
	margin-right: 3rem;
}
.aboutpage section.about-imagegrid .about-imagegrid-boxS{
	height: auto;
}
.aboutpage section.about-imagegrid .about-imagegrid-boxS .v-imgS img{
	width: 100%;
}
@media screen and (max-width:1150px) and (min-width:768px)
{
	body.device-ipad .aboutpage section.about-imagegrid .about-imagegrid-box
	{
		max-height: calc(100vh - 6.6rem - 1.875rem - 24px - .6rem - 2.73rem)
	}
}

@media screen and (max-width:767px)
{
	.aboutpage section.about-imagegrid .about-imagegrid-box
	{
		height: 80vw
	}
	.aboutpage section.about-imagegrid .about-imagegrid-boxS {

		height: auto;
	
	}
}

.aboutpage section.about-imagegrid .about-imagegrid-img
{
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 50%;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	border-color: #fff;
	border-style: solid
}
.aboutpage section.about-imagegrid .about-imagegrid-img img{
	width: 100%;
}
.aboutpage section.about-imagegrid.v-layout1 .about-imagegrid-img.v-img1,.aboutpage section.about-imagegrid:not(.v-layout1):not(.v-layout2):not(.v-layout3):not(.v-layout4):not(.v-layout5) .about-imagegrid-img.v-img1
{
	height: 100%;
	border-right-width: .2rem
}

.aboutpage section.about-imagegrid.v-layout1 .about-imagegrid-img.v-img2,.aboutpage section.about-imagegrid:not(.v-layout1):not(.v-layout2):not(.v-layout3):not(.v-layout4):not(.v-layout5) .about-imagegrid-img.v-img2
{
	left: 50%;
	border-left-width: .2rem;
	border-bottom-width: .2rem
}

.aboutpage section.about-imagegrid.v-layout1 .about-imagegrid-img.v-img3,.aboutpage section.about-imagegrid:not(.v-layout1):not(.v-layout2):not(.v-layout3):not(.v-layout4):not(.v-layout5) .about-imagegrid-img.v-img3
{
	left: 50%;
	top: 50%;
	border-left-width: .2rem;
	border-top-width: .2rem
}

.aboutpage section.about-imagegrid.v-layout1 .about-imagegrid-img.v-img4,.aboutpage section.about-imagegrid:not(.v-layout1):not(.v-layout2):not(.v-layout3):not(.v-layout4):not(.v-layout5) .about-imagegrid-img.v-img4
{
	display: none
}

.aboutpage section.about-imagegrid.v-layout2 .about-imagegrid-img.v-img1
{
	border-right-width: .2rem;
	border-bottom-width: .2rem
}

.aboutpage section.about-imagegrid.v-layout2 .about-imagegrid-img.v-img2
{
	top: 50%;
	border-right-width: .2rem;
	border-top-width: .2rem
}

.aboutpage section.about-imagegrid.v-layout2 .about-imagegrid-img.v-img3
{
	left: 50%;
	height: 100%;
	border-left-width: .2rem
}

.aboutpage section.about-imagegrid.v-layout2 .about-imagegrid-img.v-img4
{
	display: none
}

.aboutpage section.about-imagegrid.v-layout3 .about-imagegrid-img.v-img1
{
	border-right-width: .2rem;
	border-bottom-width: .2rem
}

.aboutpage section.about-imagegrid.v-layout3 .about-imagegrid-img.v-img2
{
	left: 50%;
	border-left-width: .2rem;
	border-bottom-width: .2rem
}

.aboutpage section.about-imagegrid.v-layout3 .about-imagegrid-img.v-img3
{
	top: 50%;
	width: 100%;
	border-top-width: .2rem
}

.aboutpage section.about-imagegrid.v-layout3 .about-imagegrid-img.v-img4
{
	display: none
}

.aboutpage section.about-imagegrid.v-layout4 .about-imagegrid-img.v-img1
{
	width: 100%;
	border-bottom-width: .2rem
}

.aboutpage section.about-imagegrid.v-layout4 .about-imagegrid-img.v-img2
{
	top: 50%;
	border-right-width: .2rem;
	border-top-width: .2rem
}

.aboutpage section.about-imagegrid.v-layout4 .about-imagegrid-img.v-img3
{
	top: 50%;
	left: 50%;
	border-left-width: .2rem;
	border-top-width: .2rem
}

.aboutpage section.about-imagegrid.v-layout4 .about-imagegrid-img.v-img4
{
	display: none
}

.aboutpage section.about-imagegrid.v-layout5 .about-imagegrid-img.v-img1
{
	border-right-width: .2rem;
	border-bottom-width: .2rem
}

.aboutpage section.about-imagegrid.v-layout5 .about-imagegrid-img.v-img2
{
	top: 50%;
	border-right-width: .2rem;
	border-top-width: .2rem
}

.aboutpage section.about-imagegrid.v-layout5 .about-imagegrid-img.v-img3
{
	left: 50%;
	border-left-width: .2rem;
	border-bottom-width: .2rem
}

.aboutpage section.about-imagegrid.v-layout5 .about-imagegrid-img.v-img4
{
	top: 50%;
	left: 50%;
	border-left-width: .2rem;
	border-top-width: .2rem
}

.aboutpage section.about-imagegrid .caption
{
	padding-top: .6rem;
	font-size: .65rem;
	margin: 0;
	max-width: none
}

@media screen and (max-width:767px)
{
	.aboutpage section.about-partners h1
	{
		margin-top: 4rem
	}
}

@media screen and (min-width:768px)
{
	.aboutpage section.about-partners
	{
		/*padding-left: 12.5vw*/
		margin-top: 7.5rem;
	}
}

.aboutpage section.about-partners.v-count-1
{
	width: 18.75vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-1
	{
		width: 31.875vw
	}
}

@media screen and (max-height:550px)
{
	.aboutpage section.about-partners.v-count-1
	{
		width: 18.75vw
	}
}

@media screen and (max-height:550px) and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-1
	{
		width: 31.875vw
	}
}

.aboutpage section.about-partners.v-count-2
{
	width: 18.75vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-2
	{
		width: 31.875vw
	}
}

@media screen and (max-height:550px)
{
	.aboutpage section.about-partners.v-count-2
	{
		width: 37.5vw
	}
}

@media screen and (max-height:550px) and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-2
	{
		width: 63.75vw
	}
}

.aboutpage section.about-partners.v-count-3
{
	width: 37.5vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-3
	{
		width: 63.75vw
	}
}

@media screen and (max-height:550px)
{
	.aboutpage section.about-partners.v-count-3
	{
		width: 56.25vw
	}
}

@media screen and (max-height:550px) and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-3
	{
		width: 95.625vw
	}
}

.aboutpage section.about-partners.v-count-4
{
	width: 37.5vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-4
	{
		width: 63.75vw
	}
}

@media screen and (max-height:550px)
{
	.aboutpage section.about-partners.v-count-4
	{
		width: 75vw
	}
}

@media screen and (max-height:550px) and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-4
	{
		width: 127.5vw
	}
}

.aboutpage section.about-partners.v-count-5
{
	width: 56.25vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-5
	{
		width: 95.625vw
	}
}

@media screen and (max-height:550px)
{
	.aboutpage section.about-partners.v-count-5
	{
		width: 93.75vw
	}
}

@media screen and (max-height:550px) and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-5
	{
		width: 159.375vw
	}
}

.aboutpage section.about-partners.v-count-6
{
	width: 56.25vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-6
	{
		width: 95.625vw
	}
}

@media screen and (max-height:550px)
{
	.aboutpage section.about-partners.v-count-6
	{
		width: 112.5vw
	}
}

@media screen and (max-height:550px) and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-6
	{
		width: 191.25vw
	}
}

.aboutpage section.about-partners.v-count-7
{
	width: 75vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-7
	{
		width: 127.5vw
	}
}

@media screen and (max-height:550px)
{
	.aboutpage section.about-partners.v-count-7
	{
		width: 131.25vw
	}
}

@media screen and (max-height:550px) and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-7
	{
		width: 223.125vw
	}
}

.aboutpage section.about-partners.v-count-8
{
	width: 75vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-8
	{
		width: 127.5vw
	}
}

@media screen and (max-height:550px)
{
	.aboutpage section.about-partners.v-count-8
	{
		width: 150vw
	}
}

@media screen and (max-height:550px) and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-8
	{
		width: 255vw
	}
}

.aboutpage section.about-partners.v-count-9
{
	width: 93.75vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-9
	{
		width: 159.375vw
	}
}

@media screen and (max-height:550px)
{
	.aboutpage section.about-partners.v-count-9
	{
		width: 168.75vw
	}
}

@media screen and (max-height:550px) and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-9
	{
		width: 286.875vw
	}
}

.aboutpage section.about-partners.v-count-10
{
	width: 93.75vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-10
	{
		width: 159.375vw
	}
}

@media screen and (max-height:550px)
{
	.aboutpage section.about-partners.v-count-10
	{
		width: 187.5vw
	}
}

@media screen and (max-height:550px) and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-10
	{
		width: 318.75vw
	}
}

.aboutpage section.about-partners.v-count-11
{
	width: 112.5vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-11
	{
		width: 191.25vw
	}
}

@media screen and (max-height:550px)
{
	.aboutpage section.about-partners.v-count-11
	{
		width: 206.25vw
	}
}

@media screen and (max-height:550px) and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-11
	{
		width: 350.625vw
	}
}

.aboutpage section.about-partners.v-count-12
{
	width: 112.5vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-12
	{
		width: 191.25vw
	}
}

@media screen and (max-height:550px)
{
	.aboutpage section.about-partners.v-count-12
	{
		width: 225vw
	}
}

@media screen and (max-height:550px) and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-12
	{
		width: 382.5vw
	}
}

.aboutpage section.about-partners.v-count-13
{
	width: 131.25vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-13
	{
		width: 223.125vw
	}
}

@media screen and (max-height:550px)
{
	.aboutpage section.about-partners.v-count-13
	{
		width: 243.75vw
	}
}

@media screen and (max-height:550px) and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-13
	{
		width: 414.375vw
	}
}

.aboutpage section.about-partners.v-count-14
{
	width: 131.25vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-14
	{
		width: 223.125vw
	}
}

@media screen and (max-height:550px)
{
	.aboutpage section.about-partners.v-count-14
	{
		width: 262.5vw
	}
}

@media screen and (max-height:550px) and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-14
	{
		width: 446.25vw
	}
}

.aboutpage section.about-partners.v-count-15
{
	width: 150vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-15
	{
		width: 255vw
	}
}

@media screen and (max-height:550px)
{
	.aboutpage section.about-partners.v-count-15
	{
		width: 281.25vw
	}
}

@media screen and (max-height:550px) and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-15
	{
		width: 478.125vw
	}
}

.aboutpage section.about-partners.v-count-16
{
	width: 150vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-16
	{
		width: 255vw
	}
}

@media screen and (max-height:550px)
{
	.aboutpage section.about-partners.v-count-16
	{
		width: 300vw
	}
}

@media screen and (max-height:550px) and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-16
	{
		width: 510vw
	}
}

.aboutpage section.about-partners.v-count-17
{
	width: 168.75vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-17
	{
		width: 286.875vw
	}
}

@media screen and (max-height:550px)
{
	.aboutpage section.about-partners.v-count-17
	{
		width: 318.75vw
	}
}

@media screen and (max-height:550px) and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-17
	{
		width: 541.875vw
	}
}

.aboutpage section.about-partners.v-count-18
{
	width: 168.75vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-18
	{
		width: 286.875vw
	}
}

@media screen and (max-height:550px)
{
	.aboutpage section.about-partners.v-count-18
	{
		width: 337.5vw
	}
}

@media screen and (max-height:550px) and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-18
	{
		width: 573.75vw
	}
}

.aboutpage section.about-partners.v-count-19
{
	width: 187.5vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-19
	{
		width: 318.75vw
	}
}

@media screen and (max-height:550px)
{
	.aboutpage section.about-partners.v-count-19
	{
		width: 356.25vw
	}
}

@media screen and (max-height:550px) and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-19
	{
		width: 605.625vw
	}
}

.aboutpage section.about-partners.v-count-20
{
	width: 187.5vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-20
	{
		width: 318.75vw
	}
}

@media screen and (max-height:550px)
{
	.aboutpage section.about-partners.v-count-20
	{
		width: 375vw
	}
}

@media screen and (max-height:550px) and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-20
	{
		width: 637.5vw
	}
}

.aboutpage section.about-partners.v-count-21
{
	width: 206.25vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-21
	{
		width: 350.625vw
	}
}

@media screen and (max-height:550px)
{
	.aboutpage section.about-partners.v-count-21
	{
		width: 393.75vw
	}
}

@media screen and (max-height:550px) and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-21
	{
		width: 669.375vw
	}
}

.aboutpage section.about-partners.v-count-22
{
	width: 206.25vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-22
	{
		width: 350.625vw
	}
}

@media screen and (max-height:550px)
{
	.aboutpage section.about-partners.v-count-22
	{
		width: 412.5vw
	}
}

@media screen and (max-height:550px) and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-22
	{
		width: 701.25vw
	}
}

.aboutpage section.about-partners.v-count-23
{
	width: 225vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-23
	{
		width: 382.5vw
	}
}

@media screen and (max-height:550px)
{
	.aboutpage section.about-partners.v-count-23
	{
		width: 431.25vw
	}
}

@media screen and (max-height:550px) and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-23
	{
		width: 733.125vw
	}
}

.aboutpage section.about-partners.v-count-24
{
	width: 225vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-24
	{
		width: 382.5vw
	}
}

@media screen and (max-height:550px)
{
	.aboutpage section.about-partners.v-count-24
	{
		width: 450vw
	}
}

@media screen and (max-height:550px) and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-24
	{
		width: 765vw
	}
}

.aboutpage section.about-partners.v-count-25
{
	width: 243.75vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-25
	{
		width: 414.375vw
	}
}

@media screen and (max-height:550px)
{
	.aboutpage section.about-partners.v-count-25
	{
		width: 468.75vw
	}
}

@media screen and (max-height:550px) and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-25
	{
		width: 796.875vw
	}
}

.aboutpage section.about-partners.v-count-26
{
	width: 243.75vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-26
	{
		width: 414.375vw
	}
}

@media screen and (max-height:550px)
{
	.aboutpage section.about-partners.v-count-26
	{
		width: 487.5vw
	}
}

@media screen and (max-height:550px) and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-26
	{
		width: 828.75vw
	}
}

.aboutpage section.about-partners.v-count-27
{
	width: 262.5vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-27
	{
		width: 446.25vw
	}
}

@media screen and (max-height:550px)
{
	.aboutpage section.about-partners.v-count-27
	{
		width: 506.25vw
	}
}

@media screen and (max-height:550px) and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-27
	{
		width: 860.625vw
	}
}

.aboutpage section.about-partners.v-count-28
{
	width: 262.5vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-28
	{
		width: 446.25vw
	}
}

@media screen and (max-height:550px)
{
	.aboutpage section.about-partners.v-count-28
	{
		width: 525vw
	}
}

@media screen and (max-height:550px) and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-28
	{
		width: 892.5vw
	}
}

.aboutpage section.about-partners.v-count-29
{
	width: 281.25vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-29
	{
		width: 478.125vw
	}
}

@media screen and (max-height:550px)
{
	.aboutpage section.about-partners.v-count-29
	{
		width: 543.75vw
	}
}

@media screen and (max-height:550px) and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-29
	{
		width: 924.375vw
	}
}

.aboutpage section.about-partners.v-count-30
{
	width: 281.25vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-30
	{
		width: 478.125vw
	}
}

@media screen and (max-height:550px)
{
	.aboutpage section.about-partners.v-count-30
	{
		width: 562.5vw
	}
}

@media screen and (max-height:550px) and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners.v-count-30
	{
		width: 956.25vw
	}
}

.aboutpage section.about-partners .about-partners-heads
{
	font-size: 0;
	line-height: 0;
	margin-left: -.4rem;
	margin-top: -.4rem
}

@media screen and (min-width:768px)
{
	.aboutpage section.about-partners .about-partners-heads
	{
		display: -webkit-box;
		display: -moz-box;
		display: box;
		display: -moz-flex;
		display: -ms-flexbox;
		display: flex;
		box-align: start;
		-moz-align-items: flex-start;
		-ms-align-items: flex-start;
		-o-align-items: flex-start;
		align-items: flex-start;
		-ms-flex-align: start;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		box-lines: multiple;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		align-content: flex-start;
		-ms-flex-line-pack: start;
		min-height: calc(100vh - 7.5rem - 6.6rem - 18.97rem)
	}
}

@media screen and (max-width:1150px) and (min-width:768px)
{
	body.device-ipad .aboutpage section.about-partners .about-partners-heads
	{
		min-height: calc(100vh - 7.5rem - 6.6rem - 1.875rem - 24px)
	}
}

.aboutpage section.about-partners .about-partners-head
{
	display: block;
	box-sizing: border-box;
	width: 18.75vw;
	height: 18.75vw;
	max-height: calc((100vh - 7.5rem - 6.6rem - 1.875rem)/2);
	border: .4rem solid #fff;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	position: relative
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners .about-partners-head
	{
		width: 31.875vw
	}
}

.aboutpage section.about-partners .about-partners-head[href]
{
	cursor: pointer
}

@media screen and (max-height:550px)
{
	.aboutpage section.about-partners .about-partners-head
	{
		max-height: calc(100vh - 7.5rem - 6.6rem - 1.875rem)
	}
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-partners .about-partners-head
	{
		height: 31.875vw
	}
}

@media screen and (max-width:1150px) and (min-width:768px)
{
	body.device-ipad .aboutpage section.about-partners .about-partners-head
	{
		max-height: calc((100vh - 7.5rem - 6.6rem - 1.875rem - 24px)/2)
	}
}

@media screen and (max-width:1150px) and (min-width:768px) and (max-height:550px)
{
	body.device-ipad .aboutpage section.about-partners .about-partners-head
	{
		max-height: calc(100vh - 7.5rem - 6.6rem - 1.875rem - 24px)
	}
}

@media screen and (max-width:767px)
{
	.aboutpage section.about-partners .about-partners-head
	{
		display: inline-block;
		max-height: none;
		width: 50%;
		height: 45vw
	}
}

.aboutpage section.about-partners .about-partners-head .about-partners-name
{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.5);
	font-weight: 700;
	font-size: .938rem;
	line-height: 1;
	color: #fff;
	text-align: center
}

.aboutpage section.about-partners .about-partners-head .about-partners-name strong
{
	font-weight: 700
}

.aboutpage section.about-partners .about-partners-head .about-partners-name em
{
	font-style: italic
}

.aboutpage section.about-partners .about-partners-head .about-partners-name span
{
	display: block;
	text-align: center;
	width: 80%;
	margin: 10%
}

.aboutpage section.about-partners .about-partners-head:hover .about-partners-name
{
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	box-align: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-ms-flex-align: center
}

.aboutpage section.about-people
{
	width: 18.75vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-people
	{
		width: 31.875vw
	}
}

@media screen and (min-width:768px)
{
	.aboutpage section.about-people .about-people-container
	{
		margin-top: 7.5rem
	}
}

.aboutpage section.about-people .columnizer-content>a,.aboutpage section.about-people .columnizer-content>h6,.aboutpage section.about-people .columnizer-content>span,.aboutpage section.about-people .project section.project-quote .columnizer-content>cite,.aboutpage section.about-people .project section.project-titleblock .project-titleblock-databox .columnizer-content>.maplink,.project section.project-quote .aboutpage section.about-people .columnizer-content>cite,.project section.project-titleblock .project-titleblock-databox .aboutpage section.about-people .columnizer-content>.maplink
{
	display: block;
	margin-right: 3.125vw;
	margin-bottom: .35rem
}

.aboutpage section.about-people .columnizer-content>h6,.aboutpage section.about-people .project section.project-quote .columnizer-content>cite,.aboutpage section.about-people .project section.project-titleblock .project-titleblock-databox .columnizer-content>.maplink,.project section.project-quote .aboutpage section.about-people .columnizer-content>cite,.project section.project-titleblock .project-titleblock-databox .aboutpage section.about-people .columnizer-content>.maplink
{
	line-height: 1.3132rem
}

.aboutpage section.about-people .columnizer-content>h6:not(:first-child),.aboutpage section.about-people .project section.project-quote .columnizer-content>cite:not(:first-child),.aboutpage section.about-people .project section.project-titleblock .project-titleblock-databox .columnizer-content>.maplink:not(:first-child),.project section.project-quote .aboutpage section.about-people .columnizer-content>cite:not(:first-child),.project section.project-titleblock .project-titleblock-databox .aboutpage section.about-people .columnizer-content>.maplink:not(:first-child)
{
	margin-top: 1.4rem
}

.aboutpage section.about-people .columnizer-content>a,.aboutpage section.about-people .columnizer-content>span
{
	font-size: .938rem;
	line-height: 1.4
}

.aboutpage section.about-people .columnizer-content>a span:first-child
{
	text-decoration: underline
}

.aboutpage section.about-people .columnizer-content>a:hover span:first-child
{
	text-decoration: none
}

.aboutpage section.about-awardsintro
{
	width: 25vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-awardsintro
	{
		width: 42.5vw
	}
}

@media screen and (max-width:767px)
{
	.aboutpage section.about-awardsintro h1
	{
		margin-top: 4rem
	}
}

@media screen and (min-width:768px)
{
	.aboutpage section.about-awardsintro.v-with-border:after
	{
		content: "";
		position: absolute;
		left: 0;
		top: 7.5rem;
		bottom: 0;
		width: 1px;
		background: #939598
	}
}

@media screen and (min-width:768px)
{
	.aboutpage section.about-awardsintro .txt-description
	{
		margin-top: 7.5rem
	}
}

.aboutpage section.about-awardsintro h1+.txt-description
{
	margin-top: 0
}

.aboutpage section.about-awardslist
{
	width: 18.75vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.aboutpage section.about-awardslist
	{
		width: 31.875vw
	}
}

@media screen and (min-width:768px)
{
	.aboutpage section.about-awardslist .about-awardslist-container
	{
		margin-top: 7.5rem
	}
}

.aboutpage section.about-awardslist .about-awardslist-award
{
	display: block;
	font-size: .85rem;
	line-height: 1.0625rem;
	margin-right: 6.25vw;
}

.aboutpage section.about-awardslist .about-awardslist-award .about-awardslist-award-membrane
{
	display: inline-block;
	margin-bottom: 1.59375rem
}
.aboutpage section.about-awardslist .about-awardslist-award .about-awardslist-award-membrane p{
	margin-bottom: 8px;
	line-height: 1.2rem;

}
.aboutpage section.about-awardslist .about-awardslist-award img
{
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: .53125rem
}

.aboutpage section.about-awardslist .about-awardslist-award h5
{
	letter-spacing: 0;
	line-height: .85rem;
	margin-bottom: .53125rem
}
.aboutpage section.about-awardslist .about-awardslist-award h4
{
	letter-spacing: 0;
	line-height: 1.2rem;
	margin-bottom: .53125rem;
	font-weight: 700;
	min-height: 2.5rem;
	color: #27527c;
}
.aboutpage section.about-awardslist .about-awardslist-award:not(:hover) h5
{
	text-decoration: none
}

.aboutpage section.about-awardslist .about-awardslist-award[href]:hover *
{
	text-decoration: underline
}

.biopage h1.biopage-title
{
	position: absolute;
	margin-left: 6.25vw
}

@media screen and (max-width:767px)
{
	.biopage h1.biopage-title
	{
		position: static;
		margin-left: 6.25vw;
		margin-bottom: 2rem
	}
	.aboutpage section.about-awardslist .about-awardslist-award{
		margin-right: 0;
	}
}

@media screen and (min-width:768px)
{
	.biopage .columnizer-container
	{
		height: calc(100vh - 7.5rem - 6.6rem - 1.875rem - 1px)
	}
}

@media screen and (max-width:1150px) and (min-width:768px)
{
	body.device-ipad .biopage .columnizer-container
	{
		height: calc(100vh - 7.5rem - 6.6rem - 1.875rem - 24px - 1px)
	}
}

.biopage .jump-button-holder
{
	min-height: 3rem;
	margin-bottom: 1rem
}

.biopage section.biopage-photo
{
	width: 25vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.biopage section.biopage-photo
	{
		width: 42.5vw
	}
}

@media screen and (min-width:768px)
{
	.biopage section.biopage-photo .jump-button-holder
	{
		margin-top: 7.5rem
	}
}

.biopage section.biopage-photo .biopage-photo-img
{
	height: 25vw;
	max-height: calc(100vh - 7.5rem - 4rem - 6.6rem - 1.875rem);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.biopage section.biopage-photo .biopage-photo-img
	{
		height: 42.5vw
	}
}

@media screen and (max-width:1150px) and (min-width:768px)
{
	body.device-ipad .biopage section.biopage-photo .biopage-photo-img
	{
		max-height: calc(100vh - 7.5rem - 4rem - 6.6rem - 1.875rem - 24px)
	}
}

@media screen and (max-width:767px)
{
	.biopage section.biopage-photo .biopage-photo-img
	{
		height: 90vw;
		max-height: none
	}
}

.biopage section.biopage-bio
{
	width: 25vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.biopage section.biopage-bio
	{
		width: 42.5vw
	}
}

@media screen and (min-width:768px)
{
	.biopage section.biopage-bio
	{
		margin-top: 11.5rem;
		max-height: calc(100vh - 7.5rem - 4rem - 6.6rem - 1.875rem);
		min-height: 0
	}
}

.biopage section.biopage-cv
{
	width: 25vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.biopage section.biopage-cv
	{
		width: 42.5vw
	}
}

@media screen and (min-width:768px)
{
	.biopage section.biopage-cv.v-first
	{
		padding-right: 0
	}

	.biopage section.biopage-cv:not(.v-first):not(.v-last)
	{
		padding-left: 0;
		padding-right: 0
	}

	.biopage section.biopage-cv.v-last
	{
		padding-left: 0
	}
}

@media screen and (min-width:768px)
{
	.biopage section.biopage-cv .biopage-cv-container
	{
		margin-top: 11.5rem
	}
}

.biopage section.biopage-cv .project section.project-quote cite,.biopage section.biopage-cv .project section.project-titleblock .project-titleblock-databox .maplink,.biopage section.biopage-cv h6,.project section.project-quote .biopage section.biopage-cv cite,.project section.project-titleblock .project-titleblock-databox .biopage section.biopage-cv .maplink
{
	margin-right: 6.25vw;
	line-height: 1.0625rem;
	margin-top: 1.59375rem;
	margin-bottom: .79688rem
}

.biopage section.biopage-cv .project section.project-quote cite:first-child,.biopage section.biopage-cv .project section.project-titleblock .project-titleblock-databox .maplink:first-child,.biopage section.biopage-cv h6:first-child,.project section.project-quote .biopage section.biopage-cv cite:first-child,.project section.project-titleblock .project-titleblock-databox .biopage section.biopage-cv .maplink:first-child
{
	margin-top: 0
}

.biopage section.biopage-cv .biopage-cv-downloadlink,.biopage section.biopage-cv .biopage-cv-item
{
	display: block;
	margin-right: 6.25vw;
	font-size: .85rem;
	line-height: 1.0625rem;
	margin-bottom: .79688rem
}

.biopage section.biopage-cv .biopage-cv-downloadlink p,.biopage section.biopage-cv .biopage-cv-item p
{
	display: inline-block
}

.biopage section.biopage-cv .biopage-cv-downloadlink p a,.biopage section.biopage-cv .biopage-cv-item p a
{
	text-decoration: underline
}

.biopage section.biopage-cv .biopage-cv-downloadlink p a:hover,.biopage section.biopage-cv .biopage-cv-item p a:hover
{
	text-decoration: none
}

.biopage section.biopage-featured
{
	width: auto
}

.biopage section.biopage-featured h1
{
	min-height: 6.5rem;
	margin-bottom: 1rem
}

@media screen and (max-width:767px)
{
	.biopage section.biopage-featured h1
	{
		min-height: 0;
		margin-bottom: 2rem
	}
}

.biopage section.biopage-featured .biopage-featured-projects:after
{
	clear: both;
	content: "";
	display: table
}

@media screen and (min-width:768px)
{
	.biopage section.biopage-featured .jump-button-holder
	{
		text-align: right
	}
}

@media screen and (min-width:768px) and (max-height:530px)
{
	.biopage section.biopage-featured .jump-button-holder
	{
		display: none
	}
}

.biopage section.biopage-featured .biopage-featured-project
{
	display: block;
	float: left
}

@media screen and (max-width:767px)
{
	.biopage section.biopage-featured .biopage-featured-project
	{
		float: none;
		margin-bottom: 2rem
	}
}

@media screen and (min-width:768px)
{
	.biopage section.biopage-featured .biopage-featured-project:not(:first-child)
	{
		margin-left: 1rem
	}
}

.biopage section.biopage-featured .biopage-featured-project:not([href])
{
	cursor: default
}

.biopage section.biopage-featured .biopage-featured-project img
{
	display: block;
	height: calc(100vh - 7.5rem - 4rem - 3.5rem - 6.6rem - 1.875rem);
	width: auto
}

@media screen and (min-width:768px) and (max-height:530px)
{
	.biopage section.biopage-featured .biopage-featured-project img
	{
		height: calc(100vh - 7.5rem - 3.5rem - 6.6rem - 1.875rem)
	}
}

@media screen and (max-width:1150px) and (min-width:768px)
{
	body.device-ipad .biopage section.biopage-featured .biopage-featured-project img
	{
		height: calc(100vh - 7.5rem - 4rem - 3.5rem - 6.6rem - 1.875rem - 24px)
	}
}

@media screen and (min-width:768px) and (max-width:1150px) and (max-height:530px)
{
	body.device-ipad .biopage section.biopage-featured .biopage-featured-project img
	{
		height: calc(100vh - 7.5rem - 3.5rem - 6.6rem - 1.875rem - 24px)
	}
}

@media screen and (max-width:767px)
{
	.biopage section.biopage-featured .biopage-featured-project img
	{
		width: 100%;
		height: auto
	}
}

.biopage section.biopage-featured .biopage-featured-project .biopage-featuted-project-data
{
	box-sizing: border-box;
	padding: .5rem 0 0;
	font-size: .75rem;
	line-height: 1.4;
	overflow: hidden;
	width: 100%;
	max-width: 100%;
	height: 3.5rem
}

@media screen and (max-width:767px)
{
	.biopage section.biopage-featured .biopage-featured-project .biopage-featuted-project-data
	{
		height: auto;
		width: 80%
	}
}

.biopage section.biopage-featured .biopage-featured-project .biopage-featuted-project-data>span.biopage-featuted-project-loca
{
	color: #939598
}

.biopage section.biopage-featured .biopage-featured-project[href]:hover .biopage-featuted-project-data>span.biopage-featuted-project-loca
{
	color: #000
}

.biopage section.biopage-featured .biopage-featured-project:not([href]) .biopage-featuted-project-data
{
	color: #939598
}

.contactpage h1
{
	min-height: 6.5rem;
	margin-bottom: 1rem
}
.conH3{
 font-weight: bold;
 margin-bottom:0.5em;
}
.conH3T{
	margin-top:1.5em;
}
@media screen and (max-width:767px)
{
	.contactpage h1
	{
		min-height: 0;
		margin-bottom: 2rem
	}
}

@media screen and (max-width:767px)
{
	.contactpage h1[data-toggler]
	{
		border-top: 1px solid hsla(216,2%,59%,.5);
		padding-top: .5rem;
		padding-left: 6.25vw;
		padding-right: 4rem;
		margin-top: 1rem;
		margin-left: -6.25vw;
		margin-right: -6.25vw;
		position: relative
	}

	.contactpage h1[data-toggler]:after
	{
		content: "";
		position: absolute;
		right: 6.25vw;
		top: 1rem;
		border-left: 2px solid #000;
		border-top: 2px solid #000;
		width: 1rem;
		height: 1rem;
		transform: rotate(225deg);
		transform-origin: center center;
		transition: all,.2s
	}

	.contactpage h1[data-toggler].state-open:after
	{
		transform: rotate(45deg)
	}
}

@media screen and (max-width:767px)
{
	.contactpage .contactpage-hide-on-phone-until-toggled
	{
		display: none
	}
}

@media screen and (min-width:768px)
{
	.contactpage .contactpage-hide-on-phone-until-toggled
	{
		display: block!important
	}
}

.contactpage section.contact-contact
{
	width: 18.75vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.contactpage section.contact-contact
	{
		width: 31.875vw
	}
}

@media screen and (min-width:768px)
{
	.contactpage section.contact-careers-intro:after,.contactpage section.contact-careers-listing:not(.v-last):after,.contactpage section.contact-terms:after
	{
		/*content: "";*/
		position: absolute;
		right: 0;
		top: 7.5rem;
		bottom: 0;
		width: 1px;
		background: #939598
	}
}

@media screen and (max-width:767px)
{
	.contactpage section.contact-careers-intro,.contactpage section.contact-careers-listing:not(.v-last),.contactpage section.contact-terms
	{
		margin-bottom: 0
	}
}

.contactpage section.contact-terms
{
	width: 25vw;
	margin-right: 0
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.contactpage section.contact-terms
	{
		width: 42.5vw
	}
}

@media screen and (min-width:768px)
{
	.contactpage section.contact-terms .txt-description
	{
		margin-top: 12rem
	}
}

.contactpage section.contact-careers-intro
{
	width: 25vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.contactpage section.contact-careers-intro
	{
		width: 42.5vw
	}
}

@media screen and (min-width:768px)
{
	.contactpage section.contact-careers-intro
	{
		padding-right: 0
	}
}

@media screen and (min-width:768px)
{
	.contactpage section.contact-careers-intro:after
	{
		right: 6.25vw
	}
}

@media screen and (min-width:768px)
{
	.contactpage section.contact-careers-intro h1
	{
		margin-right: -12.5vw
	}
}

.contactpage section.contact-careers-listing
{
	width: 31.25vw
}

@media screen and (min-width:768px) and (orientation:portrait)
{
	.contactpage section.contact-careers-listing
	{
		width: 53.125vw
	}
}

@media screen and (min-width:768px)
{
	.contactpage section.contact-careers-listing.v-first
	{
		padding-left: 0
	}
}

.contactpage section.contact-careers-listing:not(.v-last)
{
	margin-right: 0
}

.contactpage section.contact-careers-listing .txt-description
{
	margin-top: 7.5rem
}

@media screen and (max-width:767px)
{
	.contactpage section.contact-careers-listing .txt-description
	{
		margin-top: 2rem
	}
}

.contactpage section.contact-careers-listing .contact-careers-listing-title
{
	font-weight: 700;
	font-size: 1.25rem
}

.contactpage section.contact-careers-listing .contact-careers-listing-title strong
{
	font-weight: 700
}

.contactpage section.contact-careers-listing .contact-careers-listing-title em
{
	font-style: italic
}

.contactpage section.contact-careers-listing .contact-careers-listing-subtitle
{
	font-weight: 700;
	margin-bottom: 0
}

.contactpage section.contact-careers-listing .contact-careers-listing-subtitle strong
{
	font-weight: 700
}

.contactpage section.contact-careers-listing .contact-careers-listing-subtitle em
{
	font-style: italic
}

.genericpage h1
{
	box-sizing: border-box;
	padding-bottom: 2rem;
	max-width: 25rem
}

@media screen and (min-width:768px)
{
	.genericpage h1
	{
		height: 7.5rem
	}
}

@media screen and (min-width:768px)
{
	.genericpage .columnizer-container
	{
		height: calc(100vh - 7.5rem - 6.6rem - 1.875rem - 1px)
	}
}

@media screen and (max-width:1150px) and (min-width:768px)
{
	body.device-ipad .genericpage .columnizer-container
	{
		height: calc(100vh - 7.5rem - 6.6rem - 1.875rem - 24px - 1px)
	}
}

@media screen and (max-width:767px)
{
	.genericpage .columnizer-container .columnizer-content
	{
		column-count: 1
	}
}

@media screen and (min-width:768px)
{
	.genericpage section.genericpage-content
	{
		width: 25vw
	}
}

@media screen and (min-width:768px) and (min-width:768px) and (orientation:portrait)
{
	.genericpage section.genericpage-content
	{
		width: 42.5vw
	}
}

@media screen and (max-width:1150px) and (min-width:768px)
{
	.genericpage section.genericpage-content
	{
		width: 37.5vw
	}
}

@media screen and (max-width:1150px) and (min-width:768px) and (min-width:768px) and (orientation:portrait)
{
	.genericpage section.genericpage-content
	{
		width: 63.75vw
	}
}

.genericpage section.genericpage-content .genericpage-content-text
{
	font-size: .938rem;
	line-height: 1.4
}

@media screen and (min-width:768px)
{
	.genericpage section.genericpage-content .genericpage-content-text
	{
		margin-right: 6.25vw
	}
}

.foot{
	position: fixed;
	width:100%;
	left:0; 
	bottom: 0; 
	z-index: 9999; 
	background: #fff;
	line-height:30px;
	text-align: center; 
	font-size: 12px; 
}
.foot span{
	padding: 0 5px;
	color: #666;
}
@media screen and (max-width:768px){
	.foot{
		line-height: 20px;
		padding:10px 20px;
		width: auto;
		position: static;
		left: auto;
		background: #f9f9f9;
	}
	.apShow {
		display: none;
	}
}