/*!
Launched: 2018-06-XX
Authors:Taylor Packet, Shawn Maust
Marketing Communications:Web

CONTENTS
-----------------------------------------
1. Common Styles
2. Screen Styles
3. Media Queries
4. Themes
5. Print Styles

BRANDING
-----------------------------------------
1. COLORS
	 - Blue (Headings):#002b5b
	 - Blue (Links):#004da3
	 - Gold:#dcb439

2. FONT STACKS
	 - Headings:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif
	 - Body:font-family:Lora, "Times New Roman", Times, serif
*/

/*************************************************************************************
 * 1. Common Styles
 ************************************************************************************/
*, *:before, *:after {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
@-ms-viewport {width:device-width; zoom:1;}
@-o-viewport {width:device-width; zoom:1;}
@viewport {width:device-width; zoom:1;}

html {width:100%; margin:0; padding:0; font-size:100%; overflow-y:scroll;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	text-size-adjust:100%;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	font-smoothing:antialiased;
}
body {width:100%; margin:0; padding:0; color:#333; font:1em/1.5em "Montserrat", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {display:block;}
audio, canvas, video {max-width:100%; width:100%; display:inline-block; *display:inline; *zoom:1;}
audio:not([controls]) {display:none;}
[hidden] {display:none;}
p {margin:0 0 1em; font-size:1.15em; line-height:1.7em;}
a {color:#37486a; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-transition:all 125ms ease;
		 -moz-transition:all 125ms ease;
			 -o-transition:all 125ms ease;
					transition:all 125ms ease;
}
a:visited {color:#4a3651; text-decoration:none; }
a:hover {color:#555;}
a:active {color:#37486a;}
a:focus {outline:thin dotted;}
a.tapped {background-color:rgba(220,179,57,0.5);}
::-moz-selection,
::selection {background:#0058cf; color:#fff; text-shadow:none;}
strong, b {font-weight:bold;}
em, i {font-style:italic;}
h1,h2,h3,h4,h5,h6 {margin:1.75em 0 0.75em; line-height:1.35em; color:#403731; font-weight:900; text-rendering:optimizeLegibility; font-family:"Playfair Display", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {text-decoration:none;}
h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited {color:#004da3;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {text-decoration:underline;}
h1 {margin-top:0; font-size:2.1em;}
h2 {margin:2em 0 0.5em; font-size:1.85rem; line-height:2.2rem;}
h3 {font-size:1.75rem;}
h4 {font-size:1.375rem;}
h5 {font-size:1.188rem;}
h6 {font-size:1rem;}
h1 + h2,
h2 + h3,
h3 + h4,
h4 + h5 {margin-top:0;}
ol, ul {margin:1em 0; padding:0 0 0 2em;}
li {margin:0 0 0.25em;}
nav ul {margin:0; padding:0; list-style:none;}
nav li {margin:0; padding:0;}
nav a {text-decoration:none;}
iframe, embed {width:100%;}
sup {vertical-align:super; font-size:smaller;}
sub {vertical-align:sub; font-size:smaller;}
pre, code, kbd, samp {font-family:monospace, sans-serif;}
hr {clear:both; width:100%; margin:1em 0; border:1px solid #dadada; border-width:1px 0 0;}

/* Quotes
----------------------------------------------------*/
blockquote { position:relative; margin:2rem 0; padding:0; font-size:1.3em; line-height:1em; text-align:left; }
blockquote .share {position:inherit;}
blockquote p {margin:0; border-left:3px solid #c99700; color:#37486a; line-height:1.4em; font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
blockquote.pull {font-style:normal;}
blockquote.pull p {padding-left:0; color:#37486a; font-weight:bold; text-align:left; border:none;}
blockquote p cite {display:block; font-size:1rem; font-weight:normal; font-style:normal; font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}

/* Images
----------------------------------------------------*/
figure {margin:0;}
figure img { width:100%; }

figcaption {clear:both; margin:0.5em 0 0.75em; font-size:0.9rem; text-align:left; width:98%; color:#555; line-height:1.4em; font-family:"Montserrat", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
figcaption a { color:#932e18; }
figcaption a:hover { color:#711e0e; }
figcaption a:visited { color:#713e33; }
img {max-width:100%; width:auto; height:auto; border:none; vertical-align:bottom; -ms-interpolation-mode:bicubic;
	-webkit-box-sizing:content-box;
		 -moz-box-sizing:content-box;
					box-sizing:content-box;
	-webkit-transition:all 125ms ease;
		 -moz-transition:all 125ms ease;
			 -o-transition:all 125ms ease;
					transition:all 125ms ease;
}

/* General Classes
----------------------------------------------------*/
.noborder {border:none !important;}
.ndmark {display:block; width:200px; max-width:100%; text-decoration:none;}

.cf:before, .cf:after {content:"\0020"; display:block; height:0; overflow:hidden;}
.cf:after {clear:both;}
.cf {zoom:1;}

.skip-links {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
.skip-links:active, .skip-links:focus {clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto;}

.visibility-hidden {display:none !important;}
.section-intro {font-size:1.35rem;}
.no-margin {margin:0;}

/*************************************************************************************
 * 2. Screen Styles
 ************************************************************************************/
@media screen,projection {
	blockquote {}
	body {background:#fff url('images/bg.jpg') repeat;}
	figure {margin:1.35em auto;}
	.wrapper {height:100%; overflow-x:hidden; }
	.row {width:100%; margin:0 auto; *zoom:1;}
	.row:before, .row:after {content:" "; display:table;}
	.row:after {clear:both;}

	.video {position:relative; display:block; text-align:center;}
		.video .play {position:absolute; top:-15px; left:15px; width:100%; height:100%; margin:0 auto; background:url('images/play-icon.svg') left bottom no-repeat; background-size:180px auto;}

	.embed-inner {position:relative; padding:0;}
	.embed-inner iframe,
	.embed-inner object,
	.embed-inner embed {position:absolute; top:0; left:0; width:100%; height:100%;}

	progress {position:fixed; left:0; top:0; z-index:10; width:104%; height:5px; border:none; color:#1a324e; background-color:transparent;
		-webkit-appearance:none;
			 -moz-appearance:none;
						appearance:none;
	}
	progress::-webkit-progress-bar {background-color:transparent;}
	progress::-webkit-progress-value {background-color:#1a324e;}
	progress::-moz-progress-bar {background-color:#1a324e;}

	.share,
	.replay {position:relative; display:inline-block; margin:0.5rem 0 0; padding:0 1.25rem; font-size:24px; cursor:pointer; color:#fff; text-align:right; text-transform:uppercase; font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; letter-spacing:1px; font-weight:400; background:url('images/share-arrow.svg') right center no-repeat; background-size:25px auto;}
	.share:hover {color:#fff; font-weight:bold;}
		.addthis_inline_share_toolbox {opacity:0; position:absolute; top:0; left:4rem; transition:opacity 0.7s;}
		.share.active .addthis_inline_share_toolbox {opacity:1;}

	/* Dividers */
		.divider {position:relative; padding-top:50%; margin:1em 0 2em; background-position:top center; background-size:contain; background-repeat:no-repeat;}
		.div1 {background-image:url('images/watercolor-map-700.jpg');}

	/* Facts */
		.fact {border:1px solid #ddd; border-top:4px solid #848d56; margin:1rem; padding:1rem 1rem 0.25rem; background:#fff;}
		.fact p {font-size:1rem; line-height:1.6rem;}

	/* Header */
	.site-header {position:relative; z-index:1; margin:0; }
		.brandbar {z-index:999;}
		.brandbar li {margin:0 -0.9375em; padding:0;}
		.brandbar a {display:block;	margin:0 auto; text-decoration:none; height:50px; text-indent:-9999px; overflow:hidden; background-repeat:no-repeat;}
		.dept-nd img {display:none;}
			.dept-nd a {background-position:left 0;}
			.dept a {background-position:right 0;}
	.titlebar {position:absolute; top:20vh; z-index:9999; color:#fff; font-family:Lora, "Times New Roman", Times, serif; }
		.site-title {font-size:2.5em; line-height:1em; margin-top:-1em; margin-bottom:-0.5em; text-align:center; color:#fff; text-shadow:0 5px 25px rgba(0,0,0,0.35);}
		.subtitle {font-size:1.6em; margin:0.5rem 0 0.75em; font-weight:600; color:#403731; font-family:"Playfair Display", "Georgia", Serif;}

	.header-image {position:relative; /*margin-top:-50px;*/ height:50vh; background:url('images/header-700.jpg') center center / cover no-repeat; }

		 /* Projects */
	.slide-copy p {font-size:1rem; line-height:1.55em;}
	.slide-copy li {margin:1rem 0; font-size:0.9rem; line-height:1.25rem;}
	.slide-copy a {background-color:rgba(247, 230, 15, 0.8);}
	.nav-slider { clear:both; font-weight:700; }

	.project-slider { position:relative; }
	.project-slide { width:100%; }
	.js .project-slide { overflow:hidden; position:absolute; top:0; left:0; right:0; bottom:0; opacity:0; transition:all 0.6s; z-index:-1; }
	.js .project-slide.active { height:auto; position:static; opacity:1; z-index:1; }


		.slide-title {margin-top:2.5rem; position:relative; font-size:1em; letter-spacing:1px; font-weight:800; text-transform:uppercase; color:#7e8452; font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
		 .slide-title:after {content:""; margin:0.5em 0 1em; display:block; height:4px; width:2em; background:#7e8452;}
		.project-name {margin:0;}

	.nav-slider .prev,
	.nav-slider .next { display:inline-block; padding:0.5em; text-transform:uppercase; font-size:1.25em; position:relative; text-indent:-999em;	width:3rem; letter-spacing:1px; font-weight:700; font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}

		.nav-slider .prev::before,
		.nav-slider .next::after { content:''; padding:0.85em 0; position:absolute; top:0; bottom:0; right:0; left:-12px; }
		.nav-slider .prev::before { background:url('images/arrow-left.svg') 0 50% / 50px auto no-repeat; }
		.nav-slider .next::after {	background:url('images/arrow-right.svg') 0 50% / 50px auto no-repeat; }

	.nav-slider a { text-decoration:none; }
	.nav-slider .disabled { opacity: 0.2; cursor:default; }

	.project-gallery {margin:2rem 0;}
	.project-gallery img {margin:0.1em 0; width:49%; border-bottom:4px solid transparent;}
	.project-gallery img:hover {border-bottom:4px solid #848d56;}

	/* Tags */
	.tag {margin:2rem 0 0; padding:1rem 0; width:180px; text-align:center; background:url('images/tag-bg.png') no-repeat top left; background-size:180px auto; color:#fff; font-size:1.1rem; font-weight:500; }

	/* Buttons */
	.btn {display: inline-block; margin:.75rem 0 .5rem; padding:0.45rem 1.5rem; border-radius:100px; background:#848d56; text-decoration:none; line-height:1.45rem;}
	.btn:after { content:""; display:inline-block; margin:0 0 -0.25rem 1rem; width:1.2em; height:1.2em; background:url('images/icon-external.svg') right 50% / contain no-repeat;}

	.btn:link,
	.btn:visited,
	.section a.btn:hover {color:#fff; font-weight:300;}
	.btn:hover,
	.btn.active:hover,
	.btn:visited:hover {color:#fff; background:#60673f;}

	 /* Video */
	 .video {position:relative; display:block; text-align:center; margin: 1em 0;}
		.video .play {position:absolute; top:-20px; left:20px; width:100%; height:100%; margin:0 auto; background:url('images/play-icon.svg') left bottom no-repeat; background-size:180px auto;}

		.bgvid .video { text-indent:-999em; position:absolute; top:0; left:0; right:0; bottom:0; z-index:999; }
		.bgvid .embed-outer,
		.bgvid .embed-inner,
		.bgvid iframe { position:absolute; top:0; left:0; right:0; bottom:0.5em; }

		.bgvid {position:relative; overflow:hidden; padding-top:59%;}
		 .bgvid img {position:absolute; top:0; left:0; right:0; bottom:0;}

	/* Content
	----------------------------------------------------*/
	.site-content {position:relative; padding:0;}

	.section {position:relative; padding:1.5rem;}
	.section a {color:#848d56; font-weight:bold;}
	.section a:hover {color:#585e39;}
	.section.alt,
	.section.gray { position:relative; }
		.section.alt::before,
		.section.gray::before,
		.section.green::before { content:''; display:block; position:absolute; top:0; bottom:0; right:-100vw; left:-100vw; z-index:-1; background:#f1f1f1; border-top:5px solid #fff; border-bottom:5px solid #fff;}
	 .section.gray {color:#eee;}
	 .section.gray .subtitle {color:#efd974;}
		.section.gray::before {background:#1d1e1d;}
		.section.green::before {background:#848d56 url('images/green-bg-1000.jpg') center center / cover no-repeat; background-size:70% auto;}
		 section.green {height:100vh;}
		 .section.green figcaption {color:#fff;}

	.section.full {display: flex; flex-flow:column; justify-content:center; height:85vh;}
	.section.alt.full {height:auto;}
	 .section.full.intro h2 {margin-top:0;}
	.section.full.green {height:auto;}
	.section.alt::before:last-item {border-bottom:2px solid #333;}

	/* Footer
	----------------------------------------------------*/
	.byline:before {content:''; margin-bottom:1.5em; display:inline-block; height:3px; width:80px; background:#7e8452;}
	.byline {margin:0; padding:3em 0 2em; font-style:italic; color:#0C2340;}
	.byline p {margin:0; font-size:1.1em; font-family:Lora, "Times New Roman", Times, serif;}
	.byline ul {padding:0; list-style:none; font-size:0.9em; font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-style:normal;}
	.byline ul strong,
	.byline li {color:#555;}
	.byline li {margin:0;}
	.byline a {color:#1a324e;}

	.site-footer {position:relative; clear:both; overflow:hidden; margin:0 auto; padding:1em 0; color:#222; text-align:center; font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; background:#fff; border-top:1px solid #ccc;}
		.footer-inner {position:relative; margin:0 auto; padding:1em 0;}
		.site-footer p {overflow:hidden; margin:0; font-size:0.875em;}
	.site-info {margin:1em 0;}
	.site-info li {display:inline-block; margin:0 2%;}
	.site-footer a {color:#002b5c; text-decoration:underline;}
	.geo,
	.country-name {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
	.address {display:block; margin:0;}
	.site-link,
	.org,
	.tel {display:block;}
	.ndmark {width:200px; height:70px; margin:2em auto;}

}

/*************************************************************************************
 * 3. Media Queries
 ************************************************************************************/

/* 580px
----------------------------------------------------*/
@media only screen and (min-width:36.25em) {
	blockquote.pull {font-size:1.35em;}
	.divider.caption {top:0; right:1em; width:auto;}
	.image-right,
	.image-left {max-width:40%;}
	.image-right.video-right {width:60%; max-width:none;}
	.image-right { float:right; margin:0 0 1.2em 1.2em; }
	.image-left { float:left; margin:0 1.2em 1.2em 0; }
	.divider blockquote {top:20%; padding:0 2em;}
}

/* 700px
----------------------------------------------------*/
@media only screen and (min-width:43.75em) {
	html {background-attachment:fixed;}

	h2 {font-size:2.5em; line-height:2.85rem;}
	h3 {font-size:1.9em;}
	h4 {font-size:1.5em;}
	h5 {font-size:1.25em;}
	h6 {font-size:1.125em;}

	.brandbar li {margin:0 auto;}
	.site-title {font-size:6.5rem; margin-bottom:-1em;}
	.subtitle {font-size:2.35rem;}

	.row {max-width:90vw;}
	.titlebar {top:35vh; left:0; right:0;}
		.titlebar .section { padding-top:0; }
	.pull figcaption { padding-right:3rem; }

	.video .play {top:-20px; left:20px; background-size:300px auto;}

	.div1.lazyloaded {background-image:url('images/watercolor-map-1200.jpg');}
	.divider {background-position:top center; border-top:5px solid #fff; border-bottom:5px solid #fff;}

	.figgroup {margin-bottom:2em;}
	.figgroup figure {float:left; width:48%; margin-left:1%; margin-right:1%; }
	.figgroup-3 figure {width:32%; margin-left:1%; margin-right:1%;}
	.figgroup-4 figure {width:23%; margin-left:1%; margin-right:1%;}

	.video .play {background-size:400px auto;}

	 .section.green::before {background:#848d56 url('images/green-bg.jpg') center center / cover no-repeat; background-size:40% auto;}

	/* Header
	----------------------------------------------------*/
	.site-header {text-align:left; }
	.brandbar {padding:0;}
		.brandbar li {float:left;}

	.header-image {/*margin-top:-60px;*/ height:70vh; background:url('images/header-1200.jpg') center center / cover no-repeat;}

	/* Navigation
	----------------------------------------------------*/
	.nav-page { display:block; position:fixed; top:0; left:0; right:0;
	 -webkit-transition:all 0.5s ease-in-out;
			-moz-transition:all 0.5s ease-in-out;
					 transition:all 0.5s ease-in-out;
		-webkit-transform:translateY(-100%);
			 -moz-transform:translateY(-100%);
						transform:translateY(-100%);
	}
	.nav-page.visible {
		-webkit-transform:translateY(0);
			 -moz-transform:translateY(0);
						transform:translateY(0);

	}
	/* Content
	----------------------------------------------------*/

	.project-gallery img {width:24%;}


	/* Footer
	----------------------------------------------------*/
	.site-footer {text-align:left;}
		.footer-inner {padding:1em 0 2em;}
		.ndmark {position:absolute; right:0; top:2.2em; margin:0;}
		.site-link {display:block;}
		.org {display:inline;}
}
/*
----------------------------------------------------*/
@media only screen and (min-width:897px) {
/*.header-image {margin-top:0;}*/
}

/* 1000px
----------------------------------------------------*/
@media only screen and (min-width:62.5em) {
	.brandbar {padding:0; /*margin-bottom:-115px;*/}
	.titlebar {top:55vh;}
	.site-title {font-size:9rem; width:90%;}
	.section { padding:5% 15vw;}
	.figgroup {margin:0 -5.75rem;}
	figure {margin:2rem -5rem;}
	figure.slide-image {margin:0;}

	.header-image {height:100vh; background:url('images/header-1600.jpg') center center / cover no-repeat;}

		/* Decorations */
	.deco { position:absolute; z-index:10; }
	.d1 { width:325px; height:498px; right:0; top:1vw; background:url(images/color1.png) 100% 100% / contain no-repeat; }
	.d2 { width:325px; height:498px; left:0; top:45vh; background:url(images/color2.png) 0 0 / contain no-repeat; }
	.d3 { width:400px; height:444px; left:0; top:-8vh; background:url(images/color3.png) 0 0 / contain no-repeat; }
	.d4 { width:332px; height:443px; right:0; top:65vh; background:url(images/color4.png) 0 0 / contain no-repeat; }


	/* Content
	----------------------------------------------------*/
	.divider {background-position:center center; background-size:cover;}
	.divider blockquote {width:50vw; top:3%; left:2%;}

	blockquote {margin:0;}
	blockquote.pull p {padding-left:0;	font-weight:bold; text-align:right; border:none;}
	blockquote.pull:before { font-size:6em; top:-0.125em; left:49%;}

	.fact {margin:0 0 0.75rem 0.5rem; padding:1rem 1rem 0;}
	.fact.pull { float:right; width:25vw; margin:0 -5rem 1rem 2rem; }

	.section.green,
	.section.alt.full {margin:0 -5rem;}
	.section.full.green {height:100vh;}
	.section.full,
	.section.alt.full {display: flex; flex-flow:column; justify-content:center; height:100vh;}

	/* Slides */
	.project-slide,
	.project-gallery { clear:both; }
	.project-gallery {margin:2rem -5rem;}
	.slide-title,
	.slide-copy { width:42%; float:left;}
	.slide-copy {min-height:235px;}
	.slide-image { width:58%; float:right; }

	.project-gallery img {width:24.5%;}

	/* Footer
	----------------------------------------------------*/
	.contact-info {margin:0;}
	.site-link,
	.address,
	.site-link,
	.tel,
	.email {float:left; margin:0 1em 0 0;}
	.site-link {margin-right:0.5em;}
	.phone {clear:left;}
}

/* 1200px
----------------------------------------------------*/
@media only screen and (min-width:75em) {
	blockquote {font-size:1.2em;}
	.row {max-width:80vw;}

	.divider {height:750px; padding-top:0; }
	.divider blockquote {width:48vw; top:8%; left:2%;}
	.div1.lazyloaded {background-image:url('images/watercolor-map-1600.jpg');}

}

/* 1400px
----------------------------------------------------*/
@media only screen and (min-width:87.5em) {
	blockquote.pull {font-size:1.65em;}
}

/* 1600px
----------------------------------------------------*/
@media only screen and (min-width:100em) {
	.row { max-width:80em; }
	.section { padding:1.5rem 14vw; }
	.image-right, .image-left {max-width:30%;}
	.image-right {margin-right:-5vw;}
}

/* Hi-res
----------------------------------------------------*/
@media
	(-webkit-min-device-pixel-ratio:1.5),
	only screen and (min--moz-device-pixel-ratio:1.5),
	(min-resolution:144dppx){
		.dept-nd a,
		.dept a {background-size:auto 50px;}
}

/*************************************************************************************
 * 4. Themes
 ************************************************************************************/
@media screen, projection {
	/* Brand Bar
	----------------------------------------------------*/
	.dept-nd a	 {width:301px; background-image:url('https://static.nd.edu/images/brandbar/dept-nd-white.png');}
	.brandbar {background:#fff; border-bottom:1px solid #181b20;}
	.brandbar.theme-bb-blue {background:#0A233F; border-bottom:1px solid #001123;}

}

/* Hi-res
----------------------------------------------------*/
@media
	(-webkit-min-device-pixel-ratio:1.5),
	only screen and (min--moz-device-pixel-ratio:1.5),
	(min-resolution:144dppx){

		 body {background-image:url('images/bg@2x.jpg'); background-size:125px auto;}
		.tag {background-image:url('images/tag-bg@2x.png'); background-size:180px auto;}
		.dept-nd a {background-image:url('https://static.nd.edu/images/brandbar/dept-nd-white@2x.png');}

		/* Decorations */
		.d1 { background-image:url(images/color1@2x.png); }
		.d2 { background-image:url(images/color2@2x.png); }
}

/*************************************************************************************
 * 5. Plugins
 ************************************************************************************/

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp { padding:0; margin:0; border:0; outline:none; vertical-align:top }
.fancybox-wrap { position:absolute; top:0; left:0; z-index:8020 }
.fancybox-skin { position:relative; background:black; color:#444; text-shadow:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px }
.fancybox-opened { z-index:8030 }
.fancybox-opened .fancybox-skin { -webkit-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5); box-shadow:0 10px 25px rgba(0, 0, 0, 0.5) }
.fancybox-outer,.fancybox-inner { position:relative }
.fancybox-inner { overflow:hidden }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling:touch }
.fancybox-error { color:#444; font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin:0; padding:15px; white-space:nowrap }
.fancybox-image,.fancybox-iframe { display:block; width:100%; height:100% }
.fancybox-image { max-width:100%; max-height:100% }
#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span { background-image:url('images/fancybox_sprite.png') }
#fancybox-loading { position:fixed; top:50%; left:50%; margin-top:-22px; margin-left:-22px; background-position:0 -108px; opacity:0.8; cursor:pointer; z-index:8060 }
#fancybox-loading div { width:44px; height:44px; background:url('images/fancybox_loading.gif') center center no-repeat }
.fancybox-close { position:absolute; top:-18px; right:-18px; width:36px; height:36px; cursor:pointer; z-index:8040 }
.fancybox-nav { position:absolute; top:0; width:40%; height:100%; cursor:pointer; text-decoration:none; background:transparent url('images/blank.gif'); -webkit-tap-highlight-color:rgba(0,0,0,0); z-index:8040 }
.fancybox-prev { left:0 }
.fancybox-next { right:0 }
.fancybox-nav span { position:absolute; top:50%; width:36px; height:34px; margin-top:-18px; cursor:pointer; z-index:8040; visibility:hidden }
.fancybox-prev span { left:10px; background-position:0 -36px }
.fancybox-next span { right:10px; background-position:0 -72px }
.fancybox-nav:hover span { visibility:visible }
.fancybox-tmp { position:absolute; top:-99999px; left:-99999px; visibility:hidden; max-width:99999px; max-height:99999px; overflow:visible !important }
.fancybox-lock { overflow:hidden !important; width:auto }
.fancybox-lock body { overflow:hidden !important }
.fancybox-lock-test { overflow-y:hidden !important }
.fancybox-overlay { position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:8010; background:url('images/fancybox_overlay.png') }
.fancybox-overlay-fixed { position:fixed; bottom:0; right:0 }
.fancybox-lock .fancybox-overlay { overflow:auto; overflow-y:scroll }
.fancybox-title { visibility:hidden; font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position:relative; text-shadow:none; z-index:8050 }
.fancybox-opened .fancybox-title { visibility:visible }
.fancybox-title-float-wrap { position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:8050; text-align:center }
.fancybox-title-float-wrap .child { display:inline-block; margin-right:-100%; padding:2px 20px; background:transparent; background:rgba(0, 0, 0, 0.8); -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; text-shadow:0 1px 2px #222; color:#FFF; font-weight:bold; line-height:24px; white-space:nowrap }
.fancybox-title-outside-wrap { position:relative; margin-top:10px; color:#fff }
.fancybox-title-inside-wrap { padding-top:10px }
.fancybox-title-over-wrap { position:absolute; bottom:0; left:0; color:#fff; padding:10px; background:#000; background:rgba(0, 0, 0, .8) }

.fancybox-title { color:#fff; }

/*************************************************************************************
 * 6. Print Styles
 ************************************************************************************/
@media print {

	@page {margin:0.5cm;}
	body {font-family:Georgia, "Times New Roman", Times, serif; color:#000;}
	img, tr {page-break-inside:avoid;}
	p, h2, h3 {orphans:3; widows:3;}
	h2, h3 {page-break-after:avoid;}

	/* Styles
	----------------------------------------------------*/
	a[href^="javascript:"]:after,
	a[href^="#"]:after {content:"";}
	.ndmark {width:150px;}
	.image-right img {float:right; margin:0 0 1em 2em;}
	.image-left img {float:left; margin:0 2em 1em 0;}
	.figgroup-4 {overflow:hidden; margin:2rem auto;}
	.figgroup-4 figure {float:left; width:23% !important; margin-left:1%; margin-right:1%;}

	/* HIDDEN
	----------------------------------------------------*/
	progress,
	.breadcrumbs,
	.header-util,
	.skip-links,
	.nav-mobile,
	.nav-site,
	.nav-page,
	.nav-skip,
	.related,
	.nav-slider,
	figcaption {display:none;}

	/* STRUCTURE
	----------------------------------------------------*/
	.site-header {overflow:hidden; position:relative; margin:0 0 20px; padding:0 0 20px; border-bottom:1px solid gray;}
		.brandbar {font-size:12px; text-transform:uppercase; font-family:"Adobe Garamond", Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;}
			.brandbar i {text-transform:none;}
		.site-title,
		.subline {margin:0; display:block; font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
		.site-header a,
		.site-title a,
		.subline a {color:#000;}
		.site-title {margin:4px 0 2px; font-size:2em;}
		.subline {font-size:1em;}
	.site-content a:link:after {content:" [link:" attr(href) "] "; font-size:11px; font-family:inherit;}
	.site-content abbr:after {content:" (" attr(title) ")";}

	figure img { width:auto; }
	figure.big {width:48%; float:left; margin-right:2%;}
	figure.pull { width:50%; margin-left:2rem; float:right;}

	/* Slides */
	.project-slide,
	.project-gallery { clear:both; }
	.slide-title,
	.slide-copy { width:50%; float:left; }
	.slide-image { width:50%; float:right; padding:0.5rem 0 0 2rem; }
	.project-gallery img {width:180px;}

	.project-gallery a:after {display:none;}

	.site-footer {position:relative; clear:both; margin:20px 0 0; padding:20px 0 0; border-top:1px solid gray;}
		.site-footer p {margin:0;}
		.geo,
		.country-name {display:none;}
		.tel {display:block;}
		.site-footer .ndmark {position:absolute; top:20px; right:0;}
}