/* ==========================================================================
   Normalize
   ========================================================================== */

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:sans-serif}
body{margin:0}
a:link {color: #A4A4A4; text-decoration: none;}      /* unvisited link */
a:visited {color: #A4A4A4; text-decoration: none;}/* visited link */
a:hover {color: # ; text-decoration: none;}  /* mouse over link */
a:active {color: black; text-decoration: none;}  /* selected link */
abbr[title]{border-bottom:1px dotted}
b, strong{font-weight:normal;}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{color:# ; background: none;
}
p,pre{margin:0 0}
code,kbd,pre,samp{font-family:monospace,sans-serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{margin:0 0}
dd{margin:0 0 0 0}
menu,ol,ul{padding:0 0 0 0; list-style: none;
}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic; display: block;}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
input:focus {  outline: none; }
input::-webkit-input-placeholder {
    -webkit-font-smoothing: antialiased;
}


/* ==========================================================================
   Main styles
   ========================================================================== */
html {
	-webkit-font-smoothing: antialiased;
}

body {
	font-family: "Galaxie Polaris Medium", sans-serif;
	text-rendering: optimizeLegibility;
	font-size: 16px;
	line-height: 21px;
	background-color: #ebebeb;
}

#logo span.image{
	height: 69px;
	display: block;
	background: url(/images/logo.svg) no-repeat right top;
}

.navigation li {
	clear: left;
	float: left;
	font-size: 16px;
	line-height: 21px;
	margin-bottom: 2px;
}

.navigation li a {
	color: black;
}

.navigation li.active a {
	color: #;
}

.navigation li.search_link {
	display: none;
	display: inline-block\9;
}

a:hover {color: # ; text-decoration: none;}  /* mouse over link */
a:hover * {color: # ; text-decoration: none;}

.row.thin {
	padding-top: 15px;
	padding-bottom: 12px;
}

.row.medium {
	padding-top: 19px;
	padding-bottom: 15px;
}

.row {
	<!-- padding-top: 40px; -->
	padding-bottom: 70px;
	<!-- border-bottom: 1px dotted #; -->
}

.row + .row {
	margin-top: 68px;
}

.slideshow-row + .row {
	margin-top: 46px;
}

.image-row + .row {
	margin-top: 60px;
}

.row.main + .row {
	margin-top: 0;
}

.row.main + .related-items-row {
	margin-top: 46px;
}

#header {
	padding-bottom: 14px;
	padding-top: 22px;
	position: fixed;
	z-index: 999;
	background: white;
	width: 100%;
	top:  0;
}

.row.second {
	position: fixed;
	z-index: 998;
	background: white;
	width: 100%;
	top: 52px;
	top : 50px\9; /* IE8 and below */
	display: none;
}
.row.third {
	position: fixed;
	z-index: 998;
	background: white;
	width: 100%;
	top: 101px;
	top : 99px\9; /* IE8 and below */
	display: none;
}

.row.main {
	margin-top: 153px;
	<!-- padding-top: 0; -->
}

.row.main.down {
	margin-top: 148px;
}

.row.main.no_second {
	<!-- margin-top: 52px; -->
}

h1 {
	font: 46px/47px "Galaxie Copernicus Medium";
	color: black;
	margin: 5px 0;
}

h2 {
	font: 16px/21px "Galaxie Polaris Medium";
	margin: 0 0 18px;
	text-transform: uppercase;
}

.wrapper h2 {
	color: black;
	margin-bottom: 0;
}

span.highlight {
	background: red;
	padding-top: 2px;
}

h3 {
	font: 28px/32px "Galaxie Polaris Medium";
	color: black;
	margin: 0 0 5px;
}

h4 {
	font: 17px/19px "Galaxie Polaris Medium";
	color: #A4A4A4;
	margin: 0 0 7px;
}

h5 {
	font: 12px/17px "Galaxie Polaris Medium";
	margin: 0 0 5px;
	text-transform: uppercase;
}

.text {
	font: 18px/26px "Galaxie Copernicus Medium";
}

.text.small {
	font-size: 18px;
	line-height: 26px;
	padding-right: 20px;
}

P {
	font-size: 17px;
	line-height: 20px;
	color: black;
}

b {
	font-family: "Galaxie Copernicus Bold";
	font-weight: normal;
}

i {
	font-style: italic;
}

.inline {
	margin-bottom: 20px;
}

.home .inline {
	margin-bottom: 0;
}


a span.title, .grid a, a.active{
	color: black!important;
}

.active a:hover, a:hover span.title, .grid a:hover{
	color: # !important;
}

.color_text, a.color_text {
	color: #;
	letter-spacing: 1px;
}

.color_text_title {
	color: # ;
}

a .text {
	color: black;
}

a:hover .text {
	color: # ;
}

#footer {
	background-color: white;
	padding: 35px 0 50px;
	margin-top: 50px;
}

#footer li, #footer li a{
	color: black;
	margin-right: 0;
	font: 12px/12px "Galaxie Polaris Medium", sans-serif;
}

#footer li a {
	color: # ;
}

#footer li a:hover{
	color: black;
}

#footer .navigation li {
	display: block;
	margin-bottom: 5px;
}

#footer .navigation.social {
	margin-left: 0px;
	text-align: right;
}

#footer .navigation.social li {
	display: inline-block;
	float: none;
	margin-right: 2px;
}

#footer .navigation.social li a {
	color: black;
}

#footer .navigation.social li a:hover {
	color: # ;
}

.navigation.social li i{
	font-size: 22px;
}

span.pages {
	margin-right: 20px;
}

.disqus_status {
	display: block;
	margin-top: 7px;
}


/* ==========================================================================
   Project page
   ========================================================================== */

.navigation.right li{
	float: none;
	<!-- margin-left: 20px;
	margin-right: 0; -->
}


.grid_10 .deck.text {
	padding-right: 32px;
}

dt {
	font-size: 12px;
	line-height: 17px;
	letter-spacing: 0.1em;
	color: # ;
	text-transform: uppercase;
}

dd {
	margin-bottom: 12px;
}

dd a {
	color: black!important;
	display: block;
}

dd a:hover {
	color: # !important;
}

span.main_image_caption {
	margin-bottom: 40px;
	display: block;
}

.slideshow-row {
	<!-- padding-top: 0; -->
	<!-- margin-top: -73px; -->
}

.slideshow_container {
	position: relative;
    <!-- margin-top: 20px; -->
}

.slideshow {
	<!-- margin-top: 55px !important; -->
}

.slideshow li img {
	margin: 0 auto;
}

.slideshow.resized li img {
	height: 100%;
	width: 100%;
}

.slideshow-row .slideshow_container {
	<!-- margin-top: 15px; -->
}

div.slideshow_container.grid_10 {
	margin-top: 0;
	margin-bottom: 26px;
}

.slideshow.flat {
	margin-top: -1px;
}

.slideshow li {
	height: 100%;
	width: 100%;
}

.slideshow_grid_12 {
	margin: 0 auto;
	width: 945px;
}

.slideshow.full:not(.flat) {
	height: 433px;
	<!-- height: 866px; -->
	<!-- height: 574px; -->
}

.slideshow.full.high:not(.flat) {
	height: 866px;
}

.nav.full:not(.flat) {
	height: 433px;
	<!-- height: 866px; -->
	<!-- height: 574px; -->
}

.nav.full.high:not(.flat) {
	height: 866px;
}

@media (max-width: 1440px) {

	.slideshow.full li.landscape img {
		height: auto;
		max-width: 100%;
	}

	.slideshow.full li.portrait {
		height: 100%;
	}

	.slideshow.full li.portrait img {
		height: 100%;
		width: auto;
	}
}

.slideshow_container.grid_10 .nav.full.inline {
	height: 485px;
}

.slideshow_container.grid_12 .nav.full.inline {
	height: 574px;
}

.slideshow li:last-child span.caption{
	margin-bottom: 0;
}

ul.captions {
	overflow: hidden;
	position: relative;
	width: auto;
	margin-top: 15px;
}

div.caption_wrapper.container_12 {
	overflow: hidden;
}

.slideshow li span.caption {
	margin-bottom: 45px;
	margin-top: 15px;
	display: block;
}

.slideshow.inline {
	margin-bottom: 0;
}

.slideshow.inline li span.caption {
	margin-bottom: 15px;
}

img.image_v {
   margin: 0 auto;
   display: block;
}

.nav {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
}

.nav .inner{
	height: 100%;
	max-width: 1440px;
	margin: 0 auto;
	position: relative;
}

.nav.inline .inner{
	height: 100%;
	width: 785px;
	margin: 0 auto;
}

.nav a{
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 99;
	width: 65px;
}

.nav a.prev{
	left: 8px;
	top: 0;
	width: 35%;
}

.nav a.next{
	right: 8px;
	top: 0;
	width: 65%;
}

.nav.inline a.next {
	right: 0;
}

.nav.inline a.next span{
	margin-right: 36px;
}

.nav.inline a.prev {
	left: 0;
}

.nav.inline a.prev span{
	margin-left: 36px;
}

.slidehow:hover li .nav a{
	display: block;
}

a.flatten {
	text-transform: uppercase;
	display: block;
}

.nav a span{
	display: block;
	height: 65px;
	width: 65px;
	opacity: 0.55;
}

.nav a:hover span{
	opacity: 1;
}

.nav a.next span {
	float: right;
	background: url(/images/right_arrow.svg) no-repeat center center;
	background-size: 153%;
}

a span.title {
	display: block;
	margin-top: 14px;
}

.project-title {
	font: 18px/26px "Galaxie Copernicus Medium";
}

.type-title {
	font: 16px/21px "Galaxie Polaris Medium", sans-serif;
	text-transform: uppercase;
}

a span.play {
	display: block;
	position: absolute;
	height: 65px;
	width: 65px;
	background: url(/images/right_arrow.png) no-repeat center center # ;
}

.nav a.prev span {
	float: left;
	background: url(/images/left_arrow.svg) no-repeat center center;
	background-size: 153%;
}

.grid li {
	display: inline-block;
	float: none;
	vertical-align: top;
	margin-bottom: 26px;
	margin-right: 3px;
}

.grid.large_thumbs li:nth-child(3n+1) {
	margin-left: 0px;
}

.grid.large_thumbs li:last-child {
	margin-bottom: 26px;
}

.grid.large_thumbs li:nth-child(3n) {
	margin-right: 0px;
}

.grid.small_thumbs li:nth-child(6n+1) {
	margin-left: 0px;
}

.grid.small_thumbs li:nth-child(6n) {
	margin-right: 0px;
}

.grid li:last-child {
	margin-bottom: 0;
}

.grid li a{
	display: block;
}

.grid.projects li:nth-child(6n+6){
	margin-right: 0!important;
}

.tags span:after {
	content: ', ';
}

.tags a:last-child span:after {
	content: '';
}


/* ==========================================================================
   Profile pages
   ========================================================================== */

.related_projects h5 {
	margin-bottom: 24px;
}

.related_projects a {
	margin-bottom: 56px;
	display: block;
}

.related_projects a:last-child {
	margin-bottom: 0;
}

.related_projects a:hover span{
	color: # !important;
}

.related-project .related-item-details {
	display: inline-block;
}

.related-project img + .related-item-details {
	margin-top: 21px;
}

.position {
	margin-bottom: 40px;
}

.cert {
	display: block;
}


.position p {
	padding-right: 20px;
}

/* ==========================================================================
   Activity pages
   ========================================================================== */

.activity h3 {
	margin: 3px 0;
}

.activity h3 a{
	color: black;
}

.activity h3 a:hover{
	color: # ;
}

.activity a.category {
	font: 12px/17px "Galaxie Polaris Medium";
	margin-right: 10px;
	text-transform: uppercase;
	margin-bottom: 3px;
}

.activity .date {
	font: 12px/17px "Galaxie Polaris Medium";
}

.activity a.img_link {
	display: block;
	position: relative;
}

.activity .author {
	font: 16px/21px "Galaxie Polaris Medium";
	margin-bottom: 10px;
	display: block;
}

.activity span.author {
	color: #A4A4A4;
}

.activity .footer {
	margin-top: 10px;
}

.activity .footer a{
	font: 12px/17px "Galaxie Polaris Medium";
	display: inline-block;
	margin-right: 10px;
}

.grid_7.activity li {
	margin-bottom: 60px;
}

.grid_7.activity li:last-child {
	margin-bottom: 60px;
}

.activity .header {
	margin-bottom: 3px;
}

.activity-news .header {
	margin-bottom: 10px;
}

.sidebar a {
	color: #A4A4A4!important;
	display: block;
}

.sidebar dd {
	margin-bottom: 60px;
}

.sidebar dd a {
	color: black!important;
	display: inline;
}

.sidebar dd ul li{
	margin-bottom: 15px;
	display: block;
}


.sidebar a:hover {
	color: # ;
}

dt a:link{
	color: # !important;
}

dd span.date {
	color: #A4A4A4;
}

dd a:hover span.date {
	color: # ;
}

.sidebar dt {
	margin-bottom: 3px;
}

dt a:link {
	display: inline;
}

.activity .inline span.caption {
	margin-bottom: 16px;
	margin-top: 7px;
}

.activity span.caption, .small.text span.caption {
	font: 14px/16px "Galaxie Polaris Medium";
	display: block;
	margin-top: 7px;
	/* margin-bottom: -32px; */
}

span.extend {
	margin-right:8px;
	margin-left: 4px;
}

a.page {
	padding: 4px;
}

.list li {
	margin-bottom: 32px;
}

.list li span.date, .list li span.project  {
	display: block;
}

.list li span.project {
	color: black;
	font: 18px/26px "Galaxie Copernicus Medium";
}

.list li a i {
	margin-left: 2px;
	font-size: 13px;
}

.list li a:hover span.project, .list li a:hover span.source {
	color: # ;
}

.list li span.source {
	color:  #A4A4A4;
	font: 18px/26px "Galaxie Copernicus Medium";
}

.sidebar dd.years ul li a{
	display:block;
	color:  #A4A4A4!important;
}

.sidebar dd.years ul li a.active{
	color: black!important;
}

/* ==========================================================================
   Search pages
   ========================================================================== */

.search h3 {
	margin-bottom: 7px;
}

.grid_7.search li,
.grid_8.search li {
	margin-bottom: 30px;
}

.search_form {
	margin-bottom: 30px;
	display: inline;
}

#search_toggler {
	margin-top: 2px;
	position: relative;
}

.search-icon {
	cursor: pointer;
	float: left;
	height: 14px;
	left: 0;
	position: absolute;
	top: 0;
	width: 15px;
}

.navigation .search_form input {
	border-bottom: 1px dotted white;
	background: none;
	float: left;
}

.navigation .search_form input:focus::-webkit-input-placeholder {
	color: white;
}

.navigation .search_form input:focus {
	color: black;
}

.search_form input,
.form-search-input {
	background-color: #ebebeb;
	border: 0;
	padding: 0;
	font-family: "Galaxie Polaris Medium";
	font-size: 16px;
	line-height: 21px;
	color: black;
	border-bottom: 1px solid black;
	-webkit-font-smoothing: antialiased;
}

input::-webkit-input-placeholder {
    -webkit-font-smoothing: antialiased;
    color: #A4A4A4;
}

.search_form button {
	border: 0;
	background: 0;
	font-family: "Galaxie Polaris Medium";
	color: black;
	margin-left: -24px;
	width: 30px;
}

.search_form button:hover {
	color: # ;
}

/* ==========================================================================
   Filter Projects
   ========================================================================== */

#filters a.color_text {
	font: 12px/17px "Galaxie Polaris Medium", sans-serif;
	color: # ;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.filter {
	border-bottom: 1px solid # ;
	border-top: 1px solid # ;
	padding-bottom: 15px;
	padding-top: 9px;
	margin-top: 12px;
}

.filter li {
	margin-right: 17px;
}


.filters  {
	display: block;
}

.filters li {
	display: block;
	position: relative;
	text-transform: capitalize;
}

.filters li {
	font: 12px/17px "Galaxie Polaris Medium", sans-serif;
}

.filters li a{
	color: black;
	display: block;
}

.filters li a:hover{
	color: # ;
}

.filters li .check {
	position: absolute;
	right: 0;
	top: 4px;
	width: 8px;
	height: 8px;
	border: 1px solid # ;
}

.filters li.checked .check {
	color: # ;
	border: 1px solid # ;
	background: # ;
}

   /* ==========================================================================
   Homepage
   ========================================================================== */
body.home {
	background: white;
	<!-- background: #1D1D1D; -->
}

.home  #header a, .home  #footer li a, .home  #footer li  {
	<!-- color: white; -->
}

.home  #header a:hover{
	color: # ;
}

.home #logo span{
	<!-- background: url(/images/logo_w.svg) no-repeat right top; -->
}

.home #header {
	position: fixed;
	z-index: 9;
	<!-- background: #1D1D1D; -->
	width: 100%;
	top:  0;
}

p.alert {
	font: 40px/40px "Galaxie Polaris Medium";
	color: #;
	margin-bottom: 30px;
}

span.cat {
	font: 14px/16px "Galaxie Polaris Medium";
	text-transform: uppercase;
	color: white;
	display: block;
}

.home .navigation .search_form input {
	<!-- border-bottom: 1px dotted #1D1D1D!important;
	background: none;
	color: white; -->
}

.home input::-webkit-input-placeholder {
    <!-- color: white; -->
}

.home .navigation .search_form input:focus::-webkit-input-placeholder {
	<!-- color: #1D1D1D; -->
}

.slide {
	width:100%;
	height:100%;
	position: relative;
}

.wrapper {
	max-width: 1440px;
	margin: 0 auto;
	position:relative;
	width: 100%;
	<!-- width:1440px; -->
	<!-- width:1024px; -->
}

#logo_vert {
	display: none !important;
	position: absolute;
	left: 0;
	top: 0;
	height: 3750px;
	width: 1024px;
	background: url(/images/hor_logo.png) no-repeat center top;
}

.slides a {
	color: white;
	line-height: 0;
	max-width: 100%;
}

.slides a h1 {
	color: black;
	margin-top: 3px;
	<!-- padding-right: 18px; -->
	<!-- padding-top: 15px; -->
	<!-- padding-left: 18px; -->
}

.slides .small_cap h1 {
	font-size: 26px;
	line-height: 32px;
}

.slides a h2 {
	font: 12px/17px "Galaxie Polaris Medium";
	color: # ;
	margin-top: 2px;
	padding-top: 12px;
	<!-- padding-right: 7px; -->
	<!-- padding-left: 7px; -->
}

.slides .project_large h2 {
	margin-top: 5px;
}

.slides a .cat {
	padding-left: 8px;
	letter-spacing: 1px;
}

.slides .main img {
	max-width: 100%;
	height: auto;
}

.text_link {
	/*width: 225px;
	height: 240px;*/
	width: 262.5px;
	height: 280px;
	background: #A4A4A4;
}

.text_link h1,
.text_link h2 {
	padding-left: 8px;
}

.slides a {
	clear: left;
	float: left;
	display: inline-block;
	margin-bottom: 60px;
}

.slides a.text_link h2 {
	color: black;
}

.slides a.text_link:hover h2 {
	color: white;
}

.slides a.text_link:hover  {
	background: # ;
}

.slides a .main {
	display: block;
}

.slides a .hover {
	float: left;
	<!-- display: none; -->
}

.slides a:hover .hover {
	<!-- display: block; -->
	<!-- height: 100%; -->
	<!-- width: 100%; -->
	<!-- position: absolute; -->
	<!-- top: 0; -->
	<!-- left: 0; -->
	<!-- background-color: rgba(0, 0, 0, 0.85); -->
	<!-- background-color: #\9; /* IE8 and below */ -->
}

.slides a:hover .hover-first {
	background-color: transparent;
}

.slides a:hover .hover-first h1 {
	<!-- color: rgba(0, 0, 0, 0.85);
	color: #\9; /* IE8 and below */ -->
}

.slides a:hover  {
	z-index: 4;
}

.slides a:hover h1 {
	color: # ;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */




/* ==========================================================================
   Helper classes
   ========================================================================== */

.empty {
	margin-top: -37px;
	min-height: 150px;
	padding-top: 0;
}

.row.empty .projects {
	margin-top: 33px;
}

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

<!-- .right{
	float: right!important;
	text-align: right;
} -->

.newsletter-form input[type="text"],
.newsletter-form input[type="text"]::-webkit-input-placeholder {
	font-family: "Galaxie Polaris Medium";
	text-rendering: optimizeLegibility;
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 5px;
	width: 100%;
	border: none;
	padding: 0;
}

.newsletter-form input[type="text"]:focus::-webkit-input-placeholder {
	color: white;
}

.newsletter-form input[type="text"]:focus {
	color: black;
}

.newsletter-submit {
	display: none;
}

.newsletter-error {
	margin-bottom: 3px;
}

.newsletter-form.loading > *,
.newsletter-loading {
	display: none;
}

.newsletter-form.loading > .newsletter-loading {
	display: block;
	margin-top: 4px;
}


/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }


    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* Project type details page */

.projects.large_thumbs .grid_4 img {
	height: auto;
	width: 100%;
}


/* Additional new styles for new design 2017 */

.category-title {
	color: # ;
	font-size: 12px;
	line-height: 17px;
	margin-bottom: 4px;
	margin-top: 8px;
	text-transform: uppercase;
}

.category-title a {
	color: # ;
}

.category-title a:hover {
	color: black;
}

.navigation-prev-next-share li {
	clear: unset;
	color: # ;
	display: inline-block;
	font-size: 12px;
	line-height: 17px;
	margin-left: 5px;
	text-transform: uppercase;
}

.navigation-prev-next-share li a {
	color: # ;
}

.navigation-prev-next-share li a:hover {
	color: black;
}

h2 + .intro {
	margin-top: 30px;
}

.intro {
	color: # ;
	font: 28px/32px "Galaxie Polaris Heavy", sans-serif;
}

.intro + .text {
	margin-top: 35px;
}

.details,
.details p {
	font-size: 12px;
	line-height: 17px;
}

.details p + p {
	margin-top: 5px;
}

.border-top {
	border-top: 1px solid  # ;
	padding-top: 9px;
}

.awards {
	font: 18px/26px "Galaxie Copernicus Medium";
}

.awards li {
	margin-bottom: 10px;
}

.awards li a {
	color: black;
}

.awards li a:hover {
	color: # ;
}

.related-item {
	float: left;
}

.four-in-a-row .related-item {
	width: 221px;
}

.three-in-a-row .related-item {
	width: 301px;
}

.related-item + .related-item {
	margin-left: 20px;
}

.related-item a {
	display: block;
}

.related-item-details {
	margin-top: 15px;
}

.three-in-a-row .related-item-details {
	margin-top: 21px;
}

.related-item-details h3 {
	font: 18px/26px "Galaxie Copernicus Medium";
	margin-bottom: 0;
}

.related-row + .related-row {
	margin-top: 30px;
}

.related-item-details h4 {
	color: # ;
	font: 12px/17px "Galaxie Polaris Medium", sans-serif;
	letter-spacing: 0.1em;
	margin-bottom: 0;
	text-transform: uppercase;
}

.related-item-details h4 + h3 {
	margin-top: 3px;
}

.person-item {
	margin-bottom: 30px;
}

.person-item:nth-child(4n+1) {
	clear: left;
	margin-left: 0;
}

.portrait {
margin-bottom: 36px;
	margin-top: 7px;
}

.container_relative {
	position: relative;
}

.more-toggle {
	cursor: pointer;
	display: inline-block;
	color: # ;
	font: 12px/17px "Galaxie Polaris Medium", sans-serif;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	position: absolute;
	right: 7px;
	top: 13px;
}

.more-toggle span {
	display: none;
}

.more-toggle span.active {
	display: inline-block;
}

.related {
	margin-top: 10px;
}

.tab-title {
	cursor: pointer;
	float: left;
	margin-right: 15px;
}

.tab-title:hover,
.tab-title.active,
.tab-title.active a {
	color: # ;
}


.image-container img {
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}

.slideshow-caption,
.caption,
.captions li {
	font: 12px/17px "Galaxie Polaris Medium", sans-serif;
}

.image-container .caption {
	margin-top: 15px;
}

.image-row {
	padding-top: 8px;
}

.secondary-navigation {
	<!-- margin-bottom: 12px; -->
	<!-- margin-top: -17px; -->
}

.secondary-navigation li {
	display: inline-block;
	font: 12px/17px "Galaxie Polaris Medium", sans-serif;
	margin-right: 7px;
	text-transform: uppercase;
}

.secondary-navigation li a {
	color: black;
}

.secondary-navigation li.active a,
.secondary-navigation li a:hover {
	color: # ;
}

.secondary-menu {
	padding-top: 25px;
}

.secondary-menu + .container_12.projects {
	margin-top: 37px;
}

.secondary-menu + .container_12 {
	margin-top: 12px;
}

.projects .project {
	margin-bottom: 24px;
}

.projects .project .project-title {
	margin-top: 0;
}

.projects .project img + .project-title {
	margin-top: 14px;
}

.projects .type {
	margin-bottom: 26px;
}

.share-options {
	float: left;
}

.share-options li {
	float: right;
	margin-left: 5px;
}

.projects_sidebar dt + dd {
	margin-top: 10px;
}

.projects_sidebar li {
	margin-bottom: 10px;
}

.projects_sidebar a span.title {
	margin-top: 0;
}

.search-form-title {
	font: 18px/26px "Galaxie Copernicus Medium";
}

.search h3 {
	font: 26px/32px "Galaxie Copernicus Medium";
}

.see-all-button {
	cursor: pointer;
	font: 12px/17px "Galaxie Polaris Medium", sans-serif;
}

.slideshow-counter {
	font: 16px/21px "Galaxie Polaris Medium";
	text-transform: uppercase;
}

.slideshow-info {
	margin-top: 15px;
}

.slideshow_container + .container_12 {
	margin-top: 26px;
}

.project-type-list {
	padding-top: 15px;
}

.submenu {
	font: 16px/21px "Galaxie Polaris Medium";
	text-transform: uppercase;
}

h1 + .submenu {
	margin-top: 12px;
}

.project_large .hover,
.activity_large .hover {
	margin-left: 240px;
}

@media (max-width: 1440px) {
	.project_large .hover,
	.activity_large .hover {
		margin-left: 0;
		float: right !important;
		margin-right: 20px;
	}

	.slides a .hover {
		margin-left: 20px;
	}

	.slides a.right .hover {
		margin-right: 20px;
		margin-left: 0;
	}
}

.activity_large .main video,
.project_large .main video {
	height: auto;
	max-width: 1440px;
	width: 100%;
}

.activity_large.video,
.project_large.video {
	width: 100%;
	max-width: 1440px;
}

.activity_medium .main video,
.project_medium .main video {
	height: auto;
	max-width: 1275px;
	width: 100%;
}

.activity_medium.video,
.project_medium.video {
	width: 100%;
	max-width: 1275px;
}

.activity_small .main video,
.project_small .main video {
	height: auto;
	max-width: 542px;
	width: 100%;
}

.activity_small.video,
.project_small.video {
	max-width: 542px;
	width: 100%;
}

.submenu .navigation li {
	clear: none;
	float: left;
	margin-right: 21px;
}

.people-search {
	cursor: pointer;
	color: # ;
	float: right;
}

.form-search-submit {
	display: none;
}

.form-search-input {
	border-bottom: none;
	float: right;
	margin-right: 10px;
	text-align: right;
}

.activity-activity.all li + li {
	margin-top: 60px;
}

@media (min-width: 320px) and (max-width: 640px) {

	.projects.large_thumbs .grid_4 {
		margin-left: 0 !important;
	}

	.projects.large_thumbs + .projects.small_thumbs {
		margin-top: 40px;
	}

	.projects.small_thumbs {
		*zoom: 1;
	}

	.projects.small_thumbs::before,
	.projects.small_thumbs::after {
		content: " ";
		display: table;
	}

	.projects.small_thumbs::after {
		clear: both;
	}

	.projects.small_thumbs .grid_2 {
		float: left;
	}

	.projects.small_thumbs .grid_2:nth-child(odd) {
		clear: left;
		margin-left: 0;
	}

	.projects.small_thumbs .grid_2:nth-child(evem) {
		margin-right: 0;
	}

	.projects_sidebar {
		margin-top: 40px;
		padding-left: 0 !important;
	}

	.slideshow.full:not(.flat) {
		height: 300px;
	}

	.slideshow li {
		height: 100%;
	}

	.slideshow li img {
		height: 100%;
		width: auto;
	}

	.slideshow-counter {
		margin-top: 5px;
	}

	.see-all-button {
		display: none;
	}

	.slideshow-row + .row {
		margin-top: 30px;
	}

	.container_12 .grid_8.suffix_1 {
		padding-right: 0;
	}

	.details {
		margin-top: 20px;
		padding-left: 0 !important;
		width: 100% !important;
	}

	.row + .row {
		margin-top: 40px;
	}

	.issuuembed {
		height: auto !important;
		width: 100% !important;
	}

	.three-in-a-row .related-item,
	.four-in-a-row .related-item {
		margin-bottom: 15px;
		margin-left: 0 !important;
		width: 100% ;
	}

	.related-item-details {
		float: left;
		margin-top: 0 !important;
		margin-left: 8px;
		width: calc(100% - 96px - 8px);
	}

	.related-item a {
		float: left;
	}

	.tab-title {
		clear: left;
	}

	.related-row + .related-row {
		margin-top: 0;
	}

	.activity.all li {
		margin-bottom: 10px;
	}

	#header {
		height: 50px;
		padding-top: 40px;
	}

	.navigation li {
		clear: none;
		margin-right: 21px;
	}

	#primary {
		width: 100% !important;
	}

	h1 {
		font-size: 36px;
		line-height: 40px;
	}

	.navigation li.search_link {
		display: inline-block;
	}

	.slideshow_container .nav {
		display: none;
	}

	.slides a {
		margin-left: 0 !important;
		width: 100% !important;
	}

	.activity_large .main video,
	.project_large .main video {
		width: 100% !important;
	}

	.activity_medium .main video,
	.project_medium .main video {
		width: 100% !important;
	}

	.activity_small .main video,
	.project_small .main video {
		width: 100% !important;
	}
}

#primary,
.row.second .navigation {
	font-family: "Galaxie Polaris Medium", sans-serif;
	text-transform: uppercase;

}