@font-face {
	font-family: 'Din';
	font-weight: normal;
	font-style: normal;
	src: url("./font/din/din1451altG.ttf");
}

a, a:active, a:focus, button, button:active, button:focus, li.menu-element:active, li.menu-element:active, li.menu-element:focus{
  	-webkit-tap-highlight-color: rgba(0,0,0,0);
    outline: none; /* Works in Firefox, Chrome, IE8 and above */
    _noFocusLine: expression(this.hideFocus=true); /* Fix for IE7 */
}

body {

	font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;

	text-align:left;
	line-height: 1.4;

	background-color: #FFFFFF/*f5f5f5*/;!important;

	line-height: 1.4;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	-moz-font-feature-settings: "liga", "kern";
	-moz-font-feature-settings:"liga=1, kern=1";
	-ms-font-feature-settings:"liga", "kern";
	-o-font-feature-settings:"liga", "kern";
	-webkit-font-feature-settings:"liga", "kern";
	font-feature-settings: "liga", "kern";
}
body p{
		line-height: 1.4;


}

body p strong{
	font-weight: 700;
	font-size: inherit;
 }

body p a, body h4 a{
	color: #000;
	font-size: inherit;
	border-bottom: solid 1px transparent;
	-webkit-transition: color .3s ease-out, border-bottom-color .3s ease-out;
	-moz-transition: color .3s ease-out, border-bottom-color .3s ease-out;
	-ms-transition: color .3s ease-out, border-bottom-color .3s ease-out;
	-o-transition: color .3s ease-out, border-bottom-color .3s ease-out;
	 transition: color .3s ease-out, border-bottom-color .3s ease-out;
 }

body p em{

	font-size: inherit;
	font-style: italic;
}

body p a:hover,  body h4 a:hover{
	color: #000;
	font-size: inherit;
	border-bottom: solid 1px #00FF00	
 }

 body p a:visited, body h4 a:visited{
	color: #000;
 }

  body p a:visited:hover, body h4 a:visited:hover{ 
	color: #000;
 }

 h1, h2, h3, h4, h5, h6 {
    font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #000;
    color: inherit;
    text-rendering: optimizeLegibility;


}

body button{
	font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
}

div#soliloquy-container-36.soliloquy-container.soliloquy-wrapper{ 
	max-height: 100vh!important; height: 100vh!important; overflow-y: hidden; 
}

.soliloquy-image{
	min-height: 100vh!important;
	min-width: 100vw!important;
	max-width: none!important;
	max-height: 3000px;

}

ul.vertical.menu{
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s;
	margin-top: 22px;
	
	display: block;

	background-color: rgba(0,0,0,0.2);
	box-shadow: none;
}

p.inline_citation{
	font-style: italic;
	color: #FF3300;
}


/*Giovanni >>> */

/* general*/

div.shameful_cover{
	background-color: #FFF;
	z-index: 9999;
	width:auto;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	background-repeat: repeat;
}




div.shameful_cover.a , div.people_field_images.no_image.a {
  background-image: url(../retini/load_01.gif); }
div.shameful_cover.b ,div.people_field_images.no_image.b{
  background-image: url(../retini/load_02.gif); }
div.shameful_cover.c ,div.people_field_images.no_image.c{
  background-image: url(../retini/load_03.gif); }
div.shameful_cover.d ,div.people_field_images.no_image.d{
  background-image: url(../retini/load_04.gif); }
div.shameful_cover.e ,div.people_field_images.no_image.e{
  background-image: url(../retini/load_05.gif); }
div.shameful_cover.f ,div.people_field_images.no_image.f{
  background-image: url(../retini/load_06.gif); }



img.a {
  background-image: url(../retini/load_01.gif); }
img.b {
  background-image: url(../retini/load_02.gif); }
img.c {
  background-image: url(../retini/load_03.gif); }
img.d {
  background-image: url(../retini/load_04.gif); }
img.e {
  background-image: url(../retini/load_05.gif); }
img.f {
  background-image: url(../retini/load_06.gif); }



div.row.a {
  background-image: url(../retini/load_01.gif); }
div.row.b {
  background-image: url(../retini/load_02.gif); }
div.row.c {
  background-image: url(../retini/load_03.gif); }
div.row.d {
  background-image: url(../retini/load_04.gif); }
div.row.e {
  background-image: url(../retini/load_05.gif); }
div.row.f {
  background-image: url(../retini/load_06.gif); }


div#post_content div.contacts_top_column{
	margin-bottom: 4.4rem;

}

div#post_content div.contacts_top_column p{

	font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    color: #000;
    font-size: 1rem;
    line-height: 1.4;
    margin-top: 0;
}


div#post_content div.contacts_top_column a{

	word-wrap: normal;      /* IE 5.5-7 */
    white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
    white-space: pre-wrap;      /* current browsers */

    font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    color: #000;
    font-size: 1rem;
    line-height: 1.4;
    margin-top: 0;

}


div#post_content p.date_location a{

    font-family: "Atlas Typewriter Web", monospace;
    font-style: normal;
    font-weight: normal;
    color: #000;
    text-align: left;
    font-size: 0.75rem;
    line-height: 1.4;
    margin-bottom: 0.60rem;
    margin-top: 0.125rem;
}


div.site-content{

}

h1,h2,h3,h4{
	line-height: 1.30;
}


div.row{
	max-width: 80rem;
}
div.respectful_spacer{
	height: 8rem;

}

hr {
	clear: both;
	max-width: 80rem;
	height: 0;
	margin: 0rem auto;
	margin-bottom: 2.2rem;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #000;
	border-left: 0;

	margin-right: 0rem;

	margin-left: 0rem;
}

div.studio_top_figure{
	background-size: cover;
	margin-bottom: 4.4rem;

}

div#header-page{

	margin-top: 4.4rem;
	margin-bottom: 4.4rem;
}

div.entry-content{
	margin: 0px;
}

/* general extra medium*/


	@media only screen and (max-width: 80em)   {
		div.row{
			max-width: 65rem;
		}
	}

/* general only_large*/

@media only screen and (min-width: 64.01em)   {

		.noLarge{
			display: none;
		}

	}

/* general medium*/
		@media only screen and (max-width: 64em)   {
			div#header-page{

				margin-top:6.6rem;
			
				margin-bottom: 4.4rem;
			}

			main > div.row, div#post_content > div.row , div#content > div.row,  div.top_news_container > div.row, section.no-results.not-found > div.row , article.page > div.row, footer.site-footer > div.row , main.site-main > div.row , main#main > div.row, div.gallery > div.row{
				padding-right: 2.5rem;
				padding-left: 2.5rem;
			}

			div#cz_content{
				padding-right: 0rem!important;
				padding-left: 0rem!important;

			}

			.noMedium{
				display: none;
			}
		}

/* general mobile*/

		@media only screen and (max-width: 39.9375em)   {

			main > div.row, div#post_content > div.row , div#content > div.row,  div.top_news_container > div.row, section.no-results.not-found > div.row , article.page > div.row, footer.site-footer > div.row , main.site-main > div.row, main#main > div.row  , div.gallery > div.row ,div.home_posts >  div.row{
				padding-right: 1.25rem;
				padding-left: 1.25rem;
			}

			div#cz_content{
				padding-right: 0rem!important;
				padding-left: 0rem!important;
			}
			
			.noMobile{
				display: none;
			}

			body{
				line-height: 1.5rem;
			}

			div.respectful_spacer{
				height: 6.6rem;

			}

			body.p{
				
			}
		}


@media only screen and (min-width: 40.0em)   {

			.onlyMobile{
				display: none;
			}
		}





/* single project*/

	/* single project general*/

	h1.projects-title{
		font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
		font-style: normal;
		font-weight: normal;
		color: #000;
	
		font-size: 2.75rem;
		line-height: 1.4;

		margin-top: 0;
		margin-bottom: 0.55rem;

		/* border-bottom: solid 1px;*/
		display: inline-flex;

			/* Warning: Needed for oldIE support, but words are broken up letter-by-letter */
	 -ms-word-break: break-all;
	     word-break: break-all;
	
	     /* Non standard for webkit */
	     word-break: break-word;
	
	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
	    -ms-hyphens: auto;
	        hyphens: auto;
	}

	ul#extra_field_list{

		list-style: none;
		margin-left: 0px;
	}

	ul#extra_field_list li{	
		color: #000;
		width: auto;
	 }


	ul#extra_field_list li.title_extra_field_list {
		font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
		font-style: normal;
		font-weight: 700;
		font-size: 0.75rem;
		line-height: 1.4;
		letter-spacing: 0.5px;


		width: auto;
		
		display: inline-flex;
		/*border-bottom: solid 1px;*/
		margin: 0px;
	 }


	ul#extra_field_list li.data_extra_field_list{
		font-family: "Atlas Typewriter Web", monospace;
		font-style: normal;
		font-weight: normal;
		margin-bottom: 1.1rem;
		font-size: 0.75rem;

	}

	p.top_text_highlight{
		font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
		font-style: normal;
		font-weight: normal;
		color: #000;
	
		font-size: 1.8125rem;
		line-height: 1.4;
		margin-top: 0;
		margin-bottom: 0.55rem;
	}

	div#post_content{
		margin-top: 4.4rem;
		margin-bottom: 4.4rem;
	}
	div#post_content.on_top
	{
		margin-top: 0rem;
		margin-bottom: 4.4rem;
	}

	div#post_content p{
		font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
		font-style: normal;
		font-weight: normal;
		color: #000;
		font-size: 1.25rem;
		line-height: 1.4;
		margin-top: 0;
		margin-bottom: 1.1rem;
	}

	div#post_content p a{
		font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
		font-style: normal;
		font-weight: normal;
		border-bottom: solid 1px #00FF00;
		-webkit-transition: color .3s ease-out, border-bottom-color .3s ease-out;
		-moz-transition: color .3s ease-out, border-bottom-color .3s ease-out;
		-ms-transition: color .3s ease-out, border-bottom-color .3s ease-out;
		-o-transition: color .3s ease-out, border-bottom-color .3s ease-out;
		 transition: color .3s ease-out, border-bottom-color .3s ease-out;

		color: #000;
		font-size: inherit;
 	}

	div#post_content p a:visited{
		color: #000;
 	}
 	
 	div#post_content p a:hover{
		color: #00FF00;
 	}

 	div#post_content p a:visited:hover{
		color: color: #00FF00;
 	}

 	div#post_content a.full_image_link:hover{
 		cursor: zoom-in;
 	}

	div.image_in_project {
		text-align:left;
	}

	div.image_in_project img{
		float: left;
		width: 100%!important;
		height: auto;
	}

	div.container_extra_field_list{
		display: inline; 
		max-width: 29vw;
		width: 100%;	
	}

	div.row.container_image_in_project{
		margin-top: 2.2rem;
		margin-bottom: 4.4rem;
	}

	div.caption_image_in_project figcaption.wp-caption-text{
		font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
		font-style: normal;
		font-weight: normal;
		color: #606060;
		text-align:left;
		font-size: 0.875rem;
		line-height: 1.4;
		margin-bottom: 0.55rem;
	}






	div.caption_image_in_project figcaption.wp-caption-text a{
		font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
		font-style: normal;
		font-weight: normal;
		border-bottom: solid 1px #00FF00;
		-webkit-transition: color .3s ease-out, border-bottom-color .3s ease-out;
		-moz-transition: color .3s ease-out, border-bottom-color .3s ease-out;
		-ms-transition: color .3s ease-out, border-bottom-color .3s ease-out;
		-o-transition: color .3s ease-out, border-bottom-color .3s ease-out;
		 transition: color .3s ease-out, border-bottom-color .3s ease-out;

		color: #606060;
		font-size: inherit;
 	}

	div.caption_image_in_project figcaption.wp-caption-text a:visited{
		color: #606060;
 	}
 	
 	div.caption_image_in_project figcaption.wp-caption-text a:hover{
		color: #00FF00;
 	}

 	div.caption_image_in_project figcaption.wp-caption-text a:visited:hover{
		color: color: #00FF00;
 	}






	h4.in_project_title{
		font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
		font-style: normal;
		font-weight: normal;
		color: #000;
		text-align:left;

		font-size: 0.75rem;
		font-weight: 700;
		letter-spacing: 0.5px;
		line-height: 1.4;

		margin-top: 0;
		margin-bottom: 2.2rem;
		text-transform:uppercase;
	}

	h4.in_project_title button.svg_icon {
    width: 0.85rem;
    height: 0.85rem;
    border: none;
    color: #000;
    fill: #000;
    background: transparent;
    cursor: pointer;
    position: relative;
    top: 2.5px;
	}

	h4#credits_title{
	max-width: 50vw;
	float: left;
	display: inline;
	}

	button.svg_icon{
		width: 30px;
		height: 30px;
		border: none;
		color: #000;
		background: transparent;
		cursor: pointer;
		position: relative;
		top: -8px;
	}
	div#expand_credits_container{
		cursor: pointer;
	}

	button.svg_icon	.arrow{ 
		fill: #000;
	}
	button#expand_credits{
		float: right;
	}

	button#expand_credits.svg_icon svg.arrow.down{

			-ms-transform: rotate(-90deg) scale(0.5 ) ; /* IE 9 */
			-ms-transform-origin: 50% 50%; /* IE 9 */
			-webkit-transform: rotate(-90deg)  scale(0.5,0.5 ); /* Chrome, Safari, Opera */
			-webkit-transform-origin: 50% 50%; /* Chrome, Safari, Opera */
			transform: rotate(-90deg)  scale(0.5,0.5 );
			transform-origin: 50% 50%;
	}

	button#expand_credits.svg_icon svg.arrow.up{
			-ms-transform: rotate(90deg) scale(0.5 ) ; /* IE 9 */
			-ms-transform-origin: 50% 50%; /* IE 9 */
			-webkit-transform: rotate(90deg)  scale(0.5,0.5 ); /* Chrome, Safari, Opera */
			-webkit-transform-origin: 50% 50%; /* Chrome, Safari, Opera */
			transform: rotate(90deg)  scale(0.5,0.5 );
			transform-origin: 50% 50%;
	}

	div#container_credits_hidden{
		display: flex;
	}

	div.bottom_credits h3{

		font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
		font-style: normal;
		font-weight: normal;
		color: #000;
		text-align:left;
		font-size: 0.75rem;
		font-weight: 700;
		letter-spacing: 0.5px;
 
		line-height: 1.4;
		margin-top: 0;
		margin-bottom: 0.55rem;
		text-transform:uppercase;
	}
	div.bottom_credits p{

		font-family: "Atlas Typewriter Web", monospace;
		font-style: normal;
		font-weight: normal;
		color: #000;
		text-align:left;
		font-size: 0.8rem;
		line-height: 1.4;
		margin-top: 0;
		margin-bottom: 0.55rem;
	}

	div.bottom_credits{
		margin-bottom: 2.2rem;
	}

	a.related_project {

		background-clip: content-box;
    	background-origin: content-box;
    	background-size: cover;
    	background-position: bottom;
    	background-repeat: no-repeat;

		position: relative;
		display: table-cell;

		color: #FFF;

	}

	a.related_project p{
		position: absolute;
		bottom: 15px;
		left: 32px;
		margin: 0px;
		padding-right: 32px;
		font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
		font-style: normal;
		font-weight: bold;
		font-size: 1.4rem;
		line-height: 1.3;
		z-index: 800;
	}

	a.related_project::after{

		content: "";
		position: absolute;
		top: 0; bottom: 0; left: 0; right: 0; 
		margin-left: .625rem;
		margin-right: .625rem;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+5,000000+100&0+32,0.3+100 */
		background: -moz-linear-gradient(top, rgba(255,255,255,0) 5%, rgba(183,183,183,0) 32%, rgba(0,0,0,0.3) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 5%,rgba(183,183,183,0) 32%,rgba(0,0,0,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(255,255,255,0) 5%,rgba(183,183,183,0) 32%,rgba(0,0,0,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#4d000000',GradientType=0 ); /* IE6-9 */
		pointer-events: none;

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+5,000000+100&0.2+0,0.2+100 */
		background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.2) 5%, rgba(0,0,0,0.2) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 5%,rgba(0,0,0,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 5%,rgba(0,0,0,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#33000000',GradientType=0 ); /* IE6-9 */

		-webkit-transition: opacity .3s ease;
		-moz-transition: opacity .3s ease;
		-ms-transition: opacity .3s ease;
		-o-transition: opacity .3s ease;
		transition: opacity .3s ease;		
	}

	a.related_project:hover::after{
		opacity: 0.0;
	}

		/* single project medium*/

		@media only screen and (max-width: 64em) { 

				div#post_content.on_top
			{
				margin-top: 0rem;
				margin-bottom: 4.4rem;
			}
		
		
			div.row#projects_top_container{
				margin-bottom: 0px;
			}

			a.related_project {
				margin-bottom: .55rem;
			}

			p.top_text_highlight{
				margin-top: 2.2rem;
			}

			ul#extra_field_list li.data_extra_field_list{
				margin-bottom: 0rem;
			}

		} 

		@media only screen and (max-width: 63.9375em) { 

				div#post_content.on_top
			{
				margin-top: 3.3rem;
				margin-bottom: 4.4rem;
			}

			div.row#projects_top_container{
				margin-bottom: 0px!important;
			}




		}
		

		div.row.project_footer{
			margin-top: 2.4rem;
		}

		/* single project mobile*/


		@media screen and (max-width: 39.9375em) {

			div.caption_image_in_project figcaption.wp-caption-text {
				padding-right: 1.25rem;
				padding-left: 1.25rem;

			}



			a.related_project {
				margin-bottom: .55rem;
			}

			div.row.container_image_in_project, div#post_content{
				margin-top: 2.2rem;
				margin-bottom: 2.2rem;
			}

			div#post_content div.row.container_image_in_project, div#post_content div.row.container_image_in_project div.columns{
				padding-right: 0rem;
				padding-left: 0rem;
			}

			div#post_content div.row.container_image_in_project div.columns.caption_image_in_project{
				padding-right: 0.625rem;
				padding-left: 0.625rem;

			}

			p.top_text_highlight{
				font-size: 1.25rem;
			}

			div#post_content p{
				font-size: 1rem;
				line-height: 1.5rem;
			}
		}


/* page project*/

	/* page project general*/
	div.project_control{
		text-align:right;
	}

	button.project_control{
		border-radius: 0px;
		margin-bottom: 0.75rem;
		font-size: 1rem;
		padding-bottom: 4px;
		border-bottom: 1px solid rgba(255,255,255,0);
		display: block;

    	font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
    	font-style: normal;
    	font-weight: normal;
    	color: #000;
    	text-align: left;
    	font-size: 0.75rem;
    	font-weight: 700;
    	letter-spacing: 0.5px;

    	text-transform: uppercase;
	}

	button.project_control.active{
		border-bottom: 1px solid #00FF00;
	}

	div.page_title_container{
		margin-top: 8.8rem;
		margin-bottom: 3.3rem;
	}

	div.page_title_container h3{
		font-size: 2.75rem;
		font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
		font-style: normal;
		font-weight: normal;
		color: #000;
	}

	a.project_figure{
		background-clip: content-box;
   		background-origin: content-box;
   		background-size: cover;
   		background-position: center;
   		background-repeat: no-repeat;
   		position: relative;
   		margin-bottom: 1.25rem;
	
	

	}

	a.project_figure.no_image{

   		background-size: auto;
   		background-position: top;
   		background-repeat: repeat;
	}
	a.project_figure.no_image.a{
		background-image: url(../retini/projects/a.gif); }
	a.project_figure.no_image.b{
		background-image: url(../retini/projects/b.gif); }
	a.project_figure.no_image.c{
		background-image: url(../retini/projects/c.gif); }
	a.project_figure.no_image.d{
		background-image: url(../retini/projects/d.gif); }
	a.project_figure.no_image.e{
		background-image: url(../retini/projects/e.gif); }
	a.project_figure.no_image.f{
		background-image: url(../retini/projects/f.gif); }




	a.project_figure p.data_extra_field_list{
		position: absolute;
		font-family: "Atlas Typewriter Web", monospace;
    	font-style: normal;
    	font-weight: bold;
    	color: #FFF;
    	text-align: left;
    	font-size: 1rem;
    	list-style: none;

  		z-index: 900;
  		padding-left: 25px;
  		padding-right:  50px;
	

		bottom: 0px;



    


	}


	a.project_figure h3{
		font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
		font-style: normal;
		font-weight: bold;
		color: #FFF;
		font-size: 1.5rem;
		
		
	}

	a.project_figure::after{
		content: "";
		position: absolute;
		top: 0; bottom: 0; left: 0; right: 0; 
		margin-left: .625rem;
		margin-right:0.625rem;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+5,000000+100&0+27,0.45+100 */
		background: -moz-linear-gradient(top, rgba(255,255,255,0) 5%, rgba(196,196,196,0) 27%, rgba(0,0,0,0.45) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 5%,rgba(196,196,196,0) 27%,rgba(0,0,0,0.45) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(255,255,255,0) 5%,rgba(196,196,196,0) 27%,rgba(0,0,0,0.45) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#73000000',GradientType=0 ); /* IE6-9 */

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+5,000000+100&0.2+0,0.2+100 */
		background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.2) 5%, rgba(0,0,0,0.2) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 5%,rgba(0,0,0,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 5%,rgba(0,0,0,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#33000000',GradientType=0 ); /* IE6-9 */


		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.3+0,0.3+100 */
		background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#4d000000',GradientType=0 ); /* IE6-9 */


		pointer-events: none;

		-webkit-transition: opacity .3s ease;
		-moz-transition: opacity .3s ease;
		-ms-transition: opacity .3s ease;
		-o-transition: opacity .3s ease;
		transition: opacity .3s ease;
		}

	a.project_figure:hover::after{
		opacity: 0.0;	
	}

	a.project_figure h3 {
		position: relative;
		top: 18px;
		padding-left: 25px;

		margin: 0px;
		padding-right: 30px;
		z-index: 800;
		line-height: 1.4;	
	}

	a.project_figure.image_horizontal{}

	a.project_figure.image_vertical{}
	a.project_figure.image_square{}

	div.projects_slideshow{
		margin-bottom: 5.5rem;
	}

	/* page project only lagre*/

	@media only screen and (min-width: 64em)   {
		div.caption_image_in_project{
		position: relative;
		}
	}




		/* page project medium*/


		@media only screen and (max-width: 63.9375em)   {

			a.project_figure h3{
				line-height: 1.3;	
	
				font-size: 1.3rem;

			}


			button.project_control{
				display: inline;
				margin-right: 1.25rem;
				margin-bottom: 2.5rem;
			}

			ul#extra_field_list{
				margin-bottom: 0rem;
			}

			div.container_extra_field_list {
			    display: inline-table;
			 	max-width: 49%;	
			 	margin-bottom: 1.1rem;
			}

			div.container_extra_field_list.field_list_locatio{
				max-width: 49%;
			}

			div.caption_image_in_project figcaption.wp-caption-text{
			margin-top: 1rem;
			}
		}

		/* page project mobile*/

		@media screen and (max-width: 39.9375em) {

			div.page_title_container{
				margin-top: 8.8rem;
				margin-bottom: 3.3rem;
			}

			div.container_extra_field_list {
			     display: inline-table;
			     max-width: 49%;
				
			}
			a.project_figure h3{
	
				font-size: 1.4rem;

			}
		}




/* news */
	/* news general*/

	div#header-news{
		margin-bottom: 2.2rem;
	}


	div.news_list_item div.row div.news_figure{

		 

		background-clip:content-box;
		background-origin: content-box;
		background-size: cover;	
		background-position: center;
		background-repeat: no-repeat;

		-webkit-filter:grayscale(100%)   opacity(80%); 
		-moz-filter:grayscale(100%)   opacity(80%); 
		-ms-filter:grayscale(100%)   opacity(80%);  /* IE10 is actually unprefixed */
		-o-filter:grayscale(100%)   opacity(80%); 
		filter:grayscale(100%)   opacity(80%); 

		-webkit-transition: filter 600ms ;
		-moz-transition: filter 600ms ;
		-ms-transition: filter 600ms ; /* IE10 is actually unprefixed */
		-o-transition: filter 600ms ;
		transition: filter 600ms ;

	}

	div.news_list_item:hover div.row div.news_figure{

		-webkit-filter:grayscale(5%)   opacity(95%); 
		-moz-filter:grayscale(5%)   opacity(95%); 
		-ms-filter:grayscale(5%)   opacity(95%);  /* IE10 is actually unprefixed */
		-o-filter:grayscale(5%)   opacity(95%); 
		filter:grayscale(5%)   opacity(95%); 

	}
	div.news_list_item:hover{
		cursor: pointer;
	}
	div.news_list_item.no_link:hover{
		cursor: default;
	}

	div.news_list_item.on_top div.row div.news_figure{
		-webkit-filter:grayscale(5%)   opacity(95%); 
		-moz-filter:grayscale(5%)   opacity(95%); 
		-ms-filter:grayscale(5%)   opacity(95%);  /* IE10 is actually unprefixed */
		-o-filter:grayscale(5%)   opacity(95%); 
		filter:grayscale(5%)   opacity(95%); 
	}

	div.news_list_item.on_top:hover div.row div.news_figure{}

	div.news_list_item div.row div.news_figure.noImage{
		background-repeat: repeat;
		background-size: 32px;	
		}
		
	div.news_list_item div.row div.news_figure.noImage.a {
	  background-image: url(../retini/load_01.gif); }
	div.news_list_item div.row div.news_figure.noImage.b {
	  background-image: url(../retini/load_02.gif); }
	div.news_list_item div.row div.news_figure.noImage.c {
	  background-image: url(../retini/load_03.gif); }

	div.news_list_item { 
		margin-bottom: 4.4rem;
		margin-top: 4.4rem;
	}

	div.news_list_separator hr{
		margin: 0px;
		border-color:#d2d2d2;

	}

	div.news_list_item p.date_location{

		font-family: "Atlas Typewriter Web", monospace;
		font-style: normal;
		font-weight: normal;
		color: #000;
		text-align:left;
		font-size: 0.75rem;
		line-height: 1.4;
		margin-bottom: 0.60rem;
		margin-top: 0.125rem;

	}

	div.news_list_item a.title{

		font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
		font-style: normal;
		font-weight: normal;
		color: #000;
		text-align:left;
		font-size: 1.375rem;
		font-weight: 700;

		line-height: 1.4;
		margin-top: 0;
		margin-bottom: 0.55rem;

		text-decoration: none;
		outline: 0;
  
		border-bottom: solid 1px #00FF00;
		-webkit-transition: color .3s ease-out, border-bottom-color .3s ease-out;
		-moz-transition: color .3s ease-out, border-bottom-color .3s ease-out;
		-ms-transition: color .3s ease-out, border-bottom-color .3s ease-out;
		-o-transition: color .3s ease-out, border-bottom-color .3s ease-out;
		  transition: color .3s ease-out, border-bottom-color .3s ease-out;

	}

	div.news_list_item:hover a.title{

		border-bottom: solid 1px #00FF00;
		border-bottom: solid 1px transparent;
		color: #000;


	}

		div.news_list_item.no_link a.title{

		border-bottom: 1px transparent!important;
		cursor: default;
		color: #000;

	}

	div.news_list_item.no_link:hover a.title{

		border-bottom: 1px transparent!important;
		cursor: default;
		color: #000;

	}

	div.news_list_item.no_link.projects a.title, div.news_list_item.no_link.projects:hover a.title{

		border-bottom: 1px transparent!important;
		cursor: default;
		color: #505050;

	}

	div.news_side_caption{
		position: relative;
	}

	div.news_list_item div.news_side_caption div.news_excerpt{
		position: absolute;
		bottom: 0;
	}

	div.news_list_item div.news_side_caption div.news_excerpt p{

		font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
		font-style: normal;
		font-weight: normal;
		color: #000;
		text-align:left;
		font-size: 1.25rem;
		font-weight: normal;
		line-height: 1.4;
		margin-bottom: 0px;

	}

		/* news intermidiate*/

		@media only screen and (max-width: 80em)   {
			div.news_list_item div.news_side_caption div.news_excerpt p{
				font-size: 1rem;
			}
		}

		/* news medium*/
		@media only screen and (max-width: 63.9375em)   {
			div.news_list_item { 
				margin-bottom: 2.2rem;
				margin-top: 2.2rem;
			}

			div.news_list_item div.news_side_caption div.news_excerpt{
				position: relative;
			}

			div.news_list_item div.news_side_caption div.news_excerpt p{
				margin-top: 1.1rem;
			}	

			div.news_list_item p.date_location{
				margin-top: 2.2rem;
			}

			div.news_list_item.no_link p.date_location{
				margin-top: 0.0rem;
			}
		}

		/* news mobile*/
		@media screen and (max-width: 39.9375em) {
			div.news_list_item { 
				margin-bottom: 2.2rem;
				margin-top: 2.2rem;
			}
		}

/* page news*/

	/* page news general*/
	div.top_news_container{
		margin-top: 9.9rem;
	}
	div.top_news_container div.columns{
	}

	div.top_news_container p.top_news_field_date_location{

		font-family: "Atlas Typewriter Web", monospace;
		font-style: normal;
		font-weight: normal;
		color: #000;
		text-align:left;
		font-size: 0.75rem;
		line-height: 1.4;

	}

	div.top_news_container  h1.news-title{

		font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
		font-style: normal;
		font-weight: normal;
		color: #000;
		text-align:left;
		font-size: 2.1rem;
		font-weight: 700;
		line-height: 1.2;
		margin-top: 0;
		padding-right: 8.33333%;
			/* Warning: Needed for oldIE support, but words are broken up letter-by-letter */
	 -ms-word-break: break-all;
	     word-break: break-all;
	
	     /* Non standard for webkit */
	     word-break: break-word;
	
	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
	    -ms-hyphens: auto;
	        hyphens: auto;

	}
	div.top_news_container hr{
		margin-bottom: 0px;
	}

	div.top_news_container  div.news_top_figure {

		background-clip:content-box;
		background-size: cover;	
		background-position: center;
		background-origin: content-box;
		background-repeat: no-repeat;

	}

	div.top_news_side_description {
		position: relative;
		bottom: 0px;
	}


	div.top_news_side_description p.top_news_tumbnail_description{
		position: absolute;
		bottom: 0px;
		margin-bottom: 0.55rem;

		font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
		font-style: normal;
		font-weight: normal;
		color: #606060;
		text-align: left;
		font-size: 0.875rem;
		line-height: 1.4;
		margin-bottom: 0.55rem;

	}

	/* page news medium*/
	@media only screen and (max-width: 63.9375em)   {
		div.top_news_side_description p.top_news_tumbnail_description{
		position: relative;
		margin-bottom: 0.55rem;
		}

		div.top_news_container {
			margin-top: 8.8rem;
		}
		
		div.top_news_container  h1.news-title{
			margin-bottom: 1.1rem;
		}

		p.top_news_tumbnail_description.noLarge{
			margin-top: 1.1rem;
		}

		
	}
	/* page news mobile*/
	@media screen and (max-width: 39.9375em) {

		div.top_news_container  h1.news-title{
			font-size: 1.5rem;
			line-height: 1.3;	
		}
	}

/* page people*/

	/* page people general*/
	div.people_field_images{

		background-clip:content-box;
		background-size: cover;
		opacity: 0.9;	
		z-index: -1;
	}
	div.people_field_images.no_image{
		background-size: auto;
		background-repeat: repeat;
	}

	div.people_field_images_container{
		position: relative;
		border:1px solid #000 ;
		margin-bottom: 0.625rem;
		margin-top: 0.625rem;
		padding-bottom:  42px;
		-webkit-filter:grayscale(100%)   opacity(90%); 
		-moz-filter:grayscale(100%)   opacity(90%); 
		-ms-filter:grayscale(100%)   opacity(90%);  /* IE10 is actually unprefixed */
		-o-filter:grayscale(100%)   opacity(90%); 
		filter:grayscale(100%)   opacity(90%);
	}

	div.people_field_images_container div.people_field_name_surname{
		position: absolute;
		top: 0px;
		padding: 1.1rem;
		z-index: 10;
		opacity: 1;

		-webkit-transition: opacity .2s ease;
		-moz-transition: opacity .2s ease;
		-ms-transition: opacity .2s ease;
		-o-transition: opacity .2s ease;
		transition: opacity .2s ease;
	}

	div.people_field_images_container:hover div.people_field_name_surname{
		opacity: 0;
	}

	div.people_field_images_container div.people_field_name_surname h3{
		
		margin: 0rem;
		font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
		font-style: normal;
		font-weight: normal;
		color: #000;
		text-align:left;
		font-size: 1.1rem;
		font-weight: 700;
	}

	div.people_field_images_container p a{
		
		margin: 0rem;
		font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
		font-style: normal;
		font-weight: normal;
		color: #000;
		text-align:left;
		font-size: 1.1rem;
		font-weight: normal;
		z-index: 10;
		position: absolute;
		bottom: 1.1rem;
		left: 1.1rem;
	}


	div.people_field_images_container::after {
		content: "";
		background-color: #FFFFFF/*f5f5f5*/;
		position: absolute;
		top: 0; bottom: 0; left: 0; right: 0; 
		z-index: 1;
	
		-webkit-transition: opacity .5s ease;
		-moz-transition: opacity .5s ease;
		-ms-transition: opacity .5s ease;
		-o-transition: opacity .5s ease;
		transition: opacity .5s ease;
	}
	div.people_field_images_container:hover::after {
		opacity: 0.0;
	}
	div#post_content.row.previous_employees{
		margin-top: 7.7rem;
	}

	div#post_content.row.previous_employees h3{

		font-weight: 700;
		font-size: 1.5rem;
		margin-bottom: 2.2rem;
	}


	div#post_content.row.previous_employees p{

		-webkit-column-count: 2; /* Chrome, Safari, Opera */
	   	-moz-column-count: 2; /* Firefox */
    	column-count: 2;
    	-webkit-column-gap: 1.5rem; /* Chrome, Safari, Opera */
	   	-moz-column-gap: 1.5rem; /* Firefox */
    	column-gap: 1.5rem;
    	line-height: 1.6;
    	font-size: 1rem;
    	color: #000;

	}
	


/* page people extra medium*/


	@media only screen and (max-width: 80em) and (min-width: 40em)  {
		div.people_field_images_column{
			-ms-flex: 0 0 33% !important;
   			flex: 0 0 33% !important;	
   			max-width: 33% !important;	
    	}


	}

/* page people medium*/
	@media only screen and (max-width: 63.9375em)   {

		
	}
 


/* page people mobile*/
	@media screen and (max-width: 39.9375em) {

		div#post_content.row.previous_employees p{
	
			-webkit-column-count: 1; /* Chrome, Safari, Opera */
		   	-moz-column-count: 1; /* Firefox */
    		column-count: 1;
	
    		-webkit-column-gap: 0rem; /* Chrome, Safari, Opera */
		   	-moz-column-gap: 0rem; /* Firefox */
    		column-gap: 0rem;

		}

		div.people_field_images_container::after {
			opacity: 0.25;
		}

	}

/* page people extra mobile*/
	@media screen and (max-width: 23em) {
		div.people_field_images_column{
			-ms-flex: 0 0 100% !important;
   			flex: 0 0 100% !important;	
   			max-width: 100% !important;	
		}

	}


/* page home*/

	/* page home general*/

	div.row.home_project{

		background-clip:content-box;
		background-size: cover;
		text-align: center;
		position: relative;
		z-index: 1;
		height: 30rem;

	}

	div.row.home_project div.home_project_center{
		margin: auto;
		position: relative;
		z-index: 10;
	}

	div.row.home_project  h3{

		font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
		font-style: normal;
		color: #FFF;
		font-size: 2.1rem;
		line-height: 1.3;
		font-weight: 700;

		padding-left: 6.6rem;
		padding-right: 6.6rem;
		margin-bottom: 15px;
		cursor: pointer;
	}

	div.row.home_project  p{
		text-transform: uppercase;
		font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
		font-style: normal;
		color: #FFF;
		font-size: 0.75rem;
		font-weight: 700;
		margin-bottom: 0px;

		position: absolute;
		top: 3.3rem;
		width: 100%;
		z-index: 10;
		cursor: pointer;

	}
	
	div#header-home.page_title_container h3.page-title{

		font-size: 2.75rem;
		margin-bottom: 0rem;
	}

	div#header-home.page_title_container {

		font-size: 2.5rem;
		margin-bottom: 2.2rem;
		margin-top: 5.5rem;

	}

	div.row.home_project::after{
		content: "";
		position: absolute;
		top: 0; bottom: 0; left: 0; right: 0; 
		z-index: 5;
		cursor: pointer;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.1+0,0.1+100 */
		background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.2) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#1a000000',GradientType=0 ); /* IE6-9 */
		

		-webkit-transition: opacity .3s ease;
		-moz-transition: opacity .3s ease;
		-ms-transition: opacity .3s ease;
		-o-transition: opacity .3s ease;
		transition: opacity .3s ease;		}


	div.row.home_project:hover::after{
		opacity: 0.0;}

	div.news_list_item_side h4{
    	font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
    	font-style: normal;
   	
    	color: #000;
    	text-align: left;
    	font-size: 0.75rem;
    	font-weight: 700;
    	letter-spacing: 0.5px;
    	line-height: 1.4;
    	margin-top: 4.525rem;
    	margin-bottom: 1rem;
    	text-transform: uppercase;
	}

/* page home extra medium*/

	@media only screen and (max-width: 80em) and (min-width: 40em)  {

		div.row.home_project{
			max-width: 100vw;
			padding-right: 0rem;
    		padding-left: 0rem;
		}
		
	}

/* pcage home medium*/
	@media only screen and (max-width: 63.9375em)   {

		div.home_posts div.news_list_item { 
					margin-bottom: 2.2rem;
					margin-top:0rem;
		}
	
		div.news_list_item_side h4{
			margin-top: 2.2rem;
	
		}
	
		h1.projects-title {
		    font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
		    font-size: 2.5rem;
		    line-height: 1.3;
		    margin-bottom: 0px;
		
		}
			
		div.row.home_project{
			height: 28rem;
			max-width: 100vw;
			padding-right: 0rem!important;
   			padding-left: 0rem!important;
		}
		div.row.home_project  h3{
	
			padding-left: 2.5rem;
			padding-right: 2.5rem;
		}
	}

/* page home mobile*/

	@media screen and (max-width: 39.9375em) {

		div.row.home_project  h3{
			font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
			font-style: normal;
			color: #FFF;
			font-size: 1.5rem;
			padding-left: 2.2rem;
			padding-right: 2.2rem;

			font-weight: 700;
		}

		div.row.home_project  p{
			text-transform: uppercase;
			font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
			font-style: normal;
			color: #FFF;
			font-size: 0.75rem;
			font-weight: 700;
		}

		div.row.home_project{
	
			height: 25rem;
		}
	}

/* page home extra mobile*/
	@media screen and (max-width: 28.125em) {

	}

/* page cz*/

	/* page cz general*/

	div.cz-sidebar{
		margin-bottom: 1.1rem
	} 
	div.cz-sidebar ul{
		list-style-type: none;
		margin: 0px;
	}
	div#cz_citations.reveal.tiny{
		background-color: #ffffff;
		border-radius: 0px;
 		position: relative;

 		outline: none!important;

	}





	div#cz_citations.reveal.tiny button.close-button span {
    	position: relative;
    	top: 2.2rem;
    	right: 2.0rem;

	}


	div#cz_citations div#cz_citation_text p,
	div#cz_citations h4#cz_citation_title,
	div#cz_citations p#cz_citation_source{

		font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
    	font-style: normal;
    	font-weight: normal;
    	color: #000;
    	text-align: left;
    	font-size: 1.75rem;
    	line-height: 1.2;	
	}


	div#cz_citations.long_text div#cz_citation_text p,
	div#cz_citations.long_text h4#cz_citation_title,
	div#cz_citations.long_text p#cz_citation_source{

		font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
    	font-style: normal;
    	font-weight: normal;
    	color: #000;
    	text-align: left;
    	font-size: 1.25rem;
    	line-height: 1.2;	
		
	}


	div#cz_citations h4#cz_citation_title{
    	margin-bottom: 0rem;
    	font-weight: bold;
	}

	div#cz_citations.long_text h4#cz_citation_title{
    	
    	margin-bottom: 0rem;
    	font-weight: bold;   	
	}

	div#cz_citations div#cz_citation_text p{
    	margin-bottom: 1.75rem;
	}

	div#cz_citations.long_text div#cz_citation_text p{	
    	margin-bottom: 1.25rem;	
	}



	@media print, screen and (min-width: 40em){
		div#cz_citations.reveal.tiny {
		    width: 100%;
		    max-width: 35rem;
		    padding: 5.5rem;
		    border: 1px solid #000000;
		}
	}


	/* page cz mobile*/
	@media screen and (max-width: 39.9375em) {
		div#cz_citations.reveal.tiny {
	    	width: 90%;
	    	padding: 3.3rem;
	    	border: 1px solid #000000;
	    	margin-left: auto;
		}

		div#cz_citations.reveal.tiny button.close-button span {
    		position: relative;
    		top: 0.8rem;
    		right: 1rem;
		}


		div#cz_citations div#cz_citation_text p,
		div#cz_citations h4#cz_citation_title,
		div#cz_citations p#cz_citation_source{
   	 		font-size: 1.25rem;		
		}

		div#cz_citations.long_text div#cz_citation_text p,
		div#cz_citations.long_text h4#cz_citation_title,
		div#cz_citations.long_text p#cz_citation_source{
   	 		font-size: 1rem;		
		}

		div#cz_citations h4#cz_citation_title{
   		 	margin-bottom: 0rem;	
		}
		
		div#cz_citations.long_text h4#cz_citation_title{
   		 	margin-bottom: 0rem;
   		}
		
		div#cz_citations div#cz_citation_text p{
   		 	margin-bottom: 1.25rem;
		}
		
		div#cz_citations.long_text div#cz_citation_text p{	
   		 	margin-bottom: 1rem;	
		}
		



	

	}

		

	@media screen and (max-width: 28.125em) {

		div#cz_citations.reveal.tiny button.close-button span {
    		position: relative;
    		top: -0.8rem;
    		right: -0.3rem;
		}

		div#cz_citations.reveal.tiny {
	   		width: 90%;
	   		padding: 1.1em;
	   		border: 1px solid #000000;
	   		margin-left: auto;
		}


		div#cz_citations.reveal.tiny button.close-button span svg {
    		width: 10px;
    		height: 10px;
		}
	}



	#cz_citations_control{

		width: 80px;
		height: 80px;
		z-index: 800;
		display: none;
		background-color: transparent;

	}

	#cz_citations_control img{
		-webkit-filter: grayscale(100%) brightness(0%);
		filter: grayscale(100%) brightness(0%);
		filter: gray;

		-webkit-transition: filter .3s ease-out;
		-moz-transition: filter .3s ease-out;
		-ms-transition: filter .3s ease-out;
		-o-transition: filter .3s ease-out;
		 transition: filter .3s ease-out;

		image-rendering: auto;
	
	}
	

	#cz_citations_control:hover img{
		
		-webkit-filter: brightness(100%) grayscale(0%);
		filter: brightness(100%) grayscale(0%);
	}
	


	p#cz_citation_img_source{

	font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    color: #606060;
    text-align: left;
    
    font-size: 0.875rem;
    line-height: 1.4;
    margin-bottom:3.3rem;
    margin-top: 0.625rem;

	}

	#cz_citation_img{
		
    	margin-top: 1.1rem;
    	mix-blend-mode: multiply;

	}
	



	 

	div.cz-sidebar ul li a{
		color: #000;
		line-height: 2.4;
		font-size: 1.25rem;
		padding-bottom: 0.3125rem;
	
		border-bottom: solid 1px transparent;
		-webkit-transition: color .3s ease-out, border-bottom-color .3s ease-out;
		-moz-transition: color .3s ease-out, border-bottom-color .3s ease-out;
		-ms-transition: color .3s ease-out, border-bottom-color .3s ease-out;
		-o-transition: color .3s ease-out, border-bottom-color .3s ease-out;
		 transition: color .3s ease-out, border-bottom-color .3s ease-out;
 	}

 	div.cz_inner_sidebar h4{
 		display: inline;
 		color: #000;
		font-size: 1.25rem;
		padding-bottom: 0.3125rem;
		border-bottom: solid 1px #00FF00;
		-webkit-transition: color .3s ease-out, border-bottom-color .3s ease-out;
		-moz-transition: color .3s ease-out, border-bottom-color .3s ease-out;
		-ms-transition: color .3s ease-out, border-bottom-color .3s ease-out;
		-o-transition: color .3s ease-out, border-bottom-color .3s ease-out;
	 	transition: color .3s ease-out, border-bottom-color .3s ease-out;
 	}

 	div.cz_inner_content ,div.cz_inner_sidebar{
 		margin-top: .625rem;
 	}

 	div.cz_inner_content {
 		padding-top: .31rem;
 	}


	a.cz_no_figure, a.cz_figure{
		position: relative;
		margin-bottom: .625rem;
		margin-top: .625rem;

	}

	a.cz_no_figure{
		position: relative;
		background-repeat: repeat;
		background-clip:content-box;
	}

	a.cz_no_figure.a div.cz_btm, a.cz_no_figure.a  div.cz_top{
		background-image: url(../retini/arrow.gif); 
	}

	a.cz_no_figure.b div.cz_btm, a.cz_no_figure.b  div.cz_top{
		background-image: url(../retini/chicken.gif); 
	}

	a.cz_no_figure.c div.cz_btm, a.cz_no_figure.c  div.cz_top{
		background-image: url(../retini/diago.gif); 
	}

	a.cz_no_figure.d div.cz_btm, a.cz_no_figure.d  div.cz_top{
		background-image: url(../retini/zig.gif); 
	}



	a.cz_no_figure{

		clear: both;
		min-height: 100%;
		background-color: #FFFFFF/*f5f5f5*/;
  	}

	a.cz_no_figure div.cz_btm ,a.cz_no_figure div.cz_top{

		position: absolute;
		padding-left:.625rem; 
		padding-right:.625rem; 
		background-clip:content-box;
		left: 0; right:0 ; 
		height: 9px;
	}

	a.cz_no_figure div.cz_btm {
		bottom: 0; 	
	}

	a.cz_no_figure div.cz_top {
		top: 0; 	
	}

	a.cz_no_figure.a:hover div.cz_btm, a.cz_no_figure.a:hover  div.cz_top{
		background-image: url("../retini/arrow_hover.gif"); 
	}

	a.cz_no_figure.b:hover div.cz_btm, a.cz_no_figure.b:hover  div.cz_top{
		background-image: url("../retini/chicken_hover.gif"); 
	}

	a.cz_no_figure.c:hover div.cz_btm, a.cz_no_figure.c:hover  div.cz_top{
		background-image: url("../retini/diago_hover.gif"); 
	}

	a.cz_no_figure.d:hover div.cz_btm, a.cz_no_figure.d:hover  div.cz_top{
		background-image: url("../retini/zig_hover.gif"); 
	}

	a.cz_no_figure span{
		display: block;
	}

	a.cz_no_figure span.the_title {
		display: inline;
		padding-bottom: 2px;
		border-bottom: solid 1px transparent;
		-webkit-transition: color .3s ease-out, border-bottom-color .3s ease-out;
		-moz-transition: color .3s ease-out, border-bottom-color .3s ease-out;
		-ms-transition: color .3s ease-out, border-bottom-color .3s ease-out;
		-o-transition: color .3s ease-out, border-bottom-color .3s ease-out;
		transition: color .3s ease-out, border-bottom-color .3s ease-out;

	}

	a.cz_no_figure:hover span.the_title {
		border-bottom: solid 1px #00FF00;	
	}

 
	a.cz_figure{


		    background-clip: content-box;
    		background-origin: content-box;
    		background-size: cover;
    		background-position: center;
    		background-repeat: no-repeat;	
	}

	a.cz_no_figure div.cz_center {
		position: relative;
		z-index: 100;

		display: table;
		width: calc(100% - 20px);

		background-color:#FFF;
		margin: .625rem;	
	}

	a.cz_figure div.cz_center {

		display: table;
		width: 100%;
		height: 100%;
	}

	a.cz_figure::after{
		content: "";
		position: absolute;
		top: 0; bottom: 0; left: 0; right: 0; 
		margin-left: .625rem;
		margin-right: .625rem;

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+5,000000+100&0.2+0,0.2+100 */
		background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.2) 5%, rgba(0,0,0,0.2) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 5%,rgba(0,0,0,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 5%,rgba(0,0,0,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#33000000',GradientType=0 ); /* IE6-9 */

		pointer-events: none;

		-webkit-transition: opacity .3s ease;
		-moz-transition: opacity .3s ease;
		-ms-transition: opacity .3s ease;
		-o-transition: opacity .3s ease;
		transition: opacity .3s ease;
		}

		a.cz_figure:hover::after{
		opacity: 0.0;	

	}

	a.cz_figure h3 , a.cz_no_figure h3 {

		position: relative;
		font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
		font-style: normal;
		font-weight: bold;
		color: #FFF;
		z-index: 10;
		font-size: 1.5rem;
		line-height: 1.4;
		padding-left: 3.3rem;
		padding-right: 3.3rem;
		text-align: center;
	}

	a.cz_no_figure h3 {
		color: #000;
		display: table-cell;
		vertical-align: middle;
		width: 100%;
		padding-top: 3.3rem;
    	padding-bottom: 3.3rem;
    	background-color: #FFFFFF/*f5f5f5*/;
	}

	a.cz_figure h3 {

		display: table-cell;
		vertical-align: middle;
		width: 100%;
		padding-top: 3.3rem;
    	padding-bottom: 3.3rem;
		padding-left: 2.2rem;
		padding-right: 2.2rem;
		text-align: center;
	}

	body.page-id-159 div.reveal-overlay{
		background-color: rgba(255,255,255,0.9);
		background-repeat: repeat;
		overflow-y: scroll; /* has to be scroll, not auto */
        -webkit-overflow-scrolling: touch;
	}

	body.page-id-159 div.reveal.large{
		border: 0px;
		border-top: 16rem solid transparent;
		box-sizing: border-box;
		border-radius: 0px;
		background-color: transparent;
	}

	body.page-id-159 div.reveal.large div.row{
		background-color: #FFF;
		padding: 1.27rem;
	}

	body.page-id-159 div.reveal.large button{
		font-weight: 100;
   		font-size: 2.5rem;
		padding: 1.7rem;
		color:#000;
	}

	body.page-id-159 div.reveal.large button:hover{
		color:#606060;
	}

	body.page-id-159 div.reveal.large p{
		margin-bottom: 0px;
		line-height: 1.5;
		font-size: 1.25;
	}

	div.cz-content{
		margin-bottom: 2.2rem;
	}

	@media only screen and (min-width: 63.9375em)  {
		div.row.cz-container , div.row#header-cz{
			padding-left: 2.2rem;
			padding-right: 2.2rem;
			margin-bottom: 1px;
		}
	
	}

	/* page cz extra medium*/
	@media only screen and (max-width: 80em) and (min-width: 40em)  {
	
	}

	/* pcage cz medium*/
	@media only screen and (max-width: 63.9375em)   {
		.reveal{
			height: auto;
		}

		div.cz_inner_content{
 			margin-top: 2.2rem
 		
 		}
 		
 	
		div.cz-sidebar ul li {
			float: left;
			margin-right: 1.1rem;
		}
		
		body.page-id-159 div.reveal.large{
  			width: 100%;
  			border-top: 10rem solid transparent;
	
  		}

  		a.cz_no_figure{
  			min-height: 0px!important;
  		}

  		a.cz_no_figure h3 {

			width: 100%;
			max-width: 100%;
			padding-top: 2.2rem;
    		padding-bottom: 2.2rem;
    		padding-left: 2.2rem;
    		padding-right: 2.2rem;
    		font-size: 1.2rem;
		}

		a.cz_figure h3 {

			font-size: 1.2rem;
			width: 100%;
			max-width: 100%;
			padding-top: 2.2;
    		padding-bottom: 2.2rem;
	
    		padding-left: 2.2rem;
    		padding-right: 2.2rem;

		}

 		div.cz_sidebar a{
			font-size: 1rem;	
 		}

	}
	
	/* page cz mobile*/
	@media screen and (max-width: 39.9375em) {
	
	}
	
	/* page cz extra mobile*/
	@media screen and (max-width: 28.125em) {

	}




.pagination {

    clear:both;
    position:relative;
    font-size:01rem; /* Pagination text size */
    line-height:1;
    float:left; /* Pagination float direction */

	text-align: justify;
    text-justify: inter-word;

    width: 100%;
    display: table;

    font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    color: #000;
    text-align: left;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 2.2rem;


}
 
.pagination span, .pagination a {

	display: table-cell;

	border-bottom: solid 1px transparent;
	-webkit-transition: color .3s ease-out, border-bottom-color .3s ease-out;
	-moz-transition: color .3s ease-out, border-bottom-color .3s ease-out;
	-ms-transition: color .3s ease-out, border-bottom-color .3s ease-out;
	-o-transition: color .3s ease-out, border-bottom-color .3s ease-out;
	transition: color .3s ease-out, border-bottom-color .3s ease-out;


    float:left;
	padding: .1875rem .3125rem;
	margin: 0rem 0.3125rem;


    text-decoration:none;
    width:auto;
    border-radius: 0px;
    color:#000; /* Pagination text color */
    background: transparent; /* Pagination non-active background color */
}

.pagination a:hover{
    border-bottom: solid 1px #00FF00;
    background: transparent; /* Pagination non-active background color */
}
 
.pagination .current{

	border-bottom: solid 1px transparent;
	background: transparent; /* Pagination non-active background color */
	color:#000; /* Pagination text color */

	padding: .1875rem 0rem;
	margin: 0rem 0rem; 
}

.pagination a.pagination_btn{

	margin: 0px;
	padding: 0px;
    margin-right: 3px;
    margin-left: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
	position: relative;
    top: 2px;
    border-bottom: solid 1px transparent;
}

.pagination a.pagination_btn:hover{
	
	border-bottom: solid 1px #00FF00;

}

.pagination a.pagination_btn button.svg_icon{
	padding: 0px;

	height: 0.75rem;
	width: 0.75rem;

    border: none;
    color: #000;
    background: transparent;
    cursor: pointer;
    position: relative;
    top: 0px;

}

.pagination a.pagination_btn.tourned  button.svg_icon{

			-ms-transform: rotate(180deg) scale(1 ) ; /* IE 9 */
			-ms-transform-origin: 50% 50%; /* IE 9 */
			-webkit-transform: rotate(180deg)  scale(1,1 ); /* Chrome, Safari, Opera */
			-webkit-transform-origin: 50% 50%; /* Chrome, Safari, Opera */
			transform: rotate(180deg)  scale(1,1 );
			transform-origin: 50% 50%;
			position: relative;
}

/* page search*/
div.search_list_separator hr{
	margin: 0px;
	border-color: #d2d2d2;

}

div.search_excerpt{
	margin-top: 0.125rem;
}
div#header-search, div#header-press{
	margin-bottom: 2.2rem;
}


div#header-search span{
	/*font-style: italic;*/
}
/* page search general*/

/* page search extra medium*/
@media only screen and (min-width: 63.9375em)  {

}

/* page search medium*/
	@media only screen and (max-width: 63.9375em)   {

		div.row.search_results div.news_list_item_side h4{

   			font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
   			font-style: normal;
   			margin-top: 3.3rem;
   			margin-bottom: 0rem;
	
		}

		div.row.search_results div.news_list_item{
			margin-top: 0rem;
   			margin-bottom: 3.3rem;

		}
	
	}

/* page search mobile*/
	@media screen and (max-width: 39.9375em) {

	}

/* page search extra mobile*/
	@media screen and (max-width: 28.125em) {

	}


	/* page search_nores*/
	form.nav-search.no_results input{
		color: #000;
		border: solid 0px transparent;

   		border-radius: 0px;
   		padding: 0.0rem 0rem;
   		height:4rem;

   		box-shadow: none;

   		font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
   		font-style: normal;
   		font-size: 2.75rem;
   		background-color: transparent;
	}

	/* page search_nores general*/
	
	/* page search_nores extra medium*/

	@media only screen and (min-width: 63.9375em)  {

	}

/* page search_nores medium*/
	@media only screen and (max-width: 63.9375em)   {

	}

/* page search_nores mobile*/
	@media screen and (max-width: 39.9375em) {

	}

/* page search_nores extra mobile*/
	@media screen and (max-width: 28.125em) {

	}







	/* press*/
div.news_list_item p.date_location.press_links {
margin-top: 1.1rem;}

div.news_list_item p.date_location.press_links a{
	

	border-bottom: solid 1px #00FF00;

}

div.news_list_item p.date_location.press_links a:hover{
	color: #00FF00;

}



	/* footer*/

	footer.site-footer{
		margin-bottom: 1.1rem;
	}


	footer.site-footer p, footer.site-footer a {

		font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
    	font-style: normal;
    	font-weight: normal;
    	
    	font-size: 0.85rem;


		color: #000;

		line-height: 1.4;
		margin-top: 0;

	}


	footer.site-footer p.site-subtitle.folder a{
		color: #606060;
	}

	footer.site-footer hr{
		max-width: 100vw;
	}

	footer.site-footer ul{
		list-style: none;
		margin-left: 0px;
		line-height: 1.4;
	}

	footer.site-footer  div.social ul li{
		margin-bottom: 1.375rem;
	}

	footer.site-footer  div.social ul li a{
		font-size: 0.95rem;
	}

	footer.site-footer  div.address ul li a{
		font-family: "Atlas Typewriter Web", monospace;
		cursor: default;

	}

	footer.site-footer  div.address ul li a:hover{
		font-family: "Atlas Typewriter Web", monospace;
		color: #000;

	}

	footer.site-footer  div.contacts ul li a{
		font-size: 0.95rem;
		color: #000;
		line-height: 1.25;
		

	}

	footer.site-footer  div.contacts ul li a:hover{	
		color: #00FF00;
	}
	
	footer.site-footer ul a{
		color: #000;
		border-bottom: solid 1px transparent;
	}

	footer.site-footer ul a i.fa{
		font-size: 1rem;
		margin-right: 10px;	
	}

	footer.site-footer ul a i.fa.fa-envelope-open-o{
		font-size: 0.9rem;
		margin-right: 5px;
		position: relative;
		top: -1px;	
	}

	footer.site-footer ul a:hover{	
		color: #00FF00;
	}

	footer.site-footer p.site-title{
		font-family: "Din", Helvetica, Roboto, Arial, sans-serif;
		font-style: normal;
		font-weight: normal;
		font-size: 1.52rem;
		letter-spacing: 1px;
		margin-bottom: 0.625rem;


	}
	footer.site-footer p.site-subtitle.folder a{
		font-size: 0.8rem;
	}


	/* footer general*/
	
	/* footer extra medium*/

	@media only screen and (min-width: 63.9375em)  {

	}

/* footer medium*/
	@media only screen and (max-width: 63.9375em)   {

	}

/* footer mobile*/
	@media screen and (max-width: 39.9375em) {

		footer.site-footer p.site-subtitle.folder {
		margin-bottom: 2.2rem;
		}
	}

/* footer extra mobile*/
	@media screen and (max-width: 28.125em) {

	}

	/* page single culture*/

	/* page single culture general*/

	body.page-id-159 header#masthead nav.top_navigation li.menu-element  a.site-title ,
	body.single-culture header#masthead nav.top_navigation li.menu-element  a.site-title{
		color:#E3E3E3;
	}

	body.page-id-159 header#masthead nav.top_navigation li.menu-element  a.site-title span,
	body.single-culture header#masthead nav.top_navigation li.menu-element  a.site-title span{
		color:#000;
	}

	h1.culture-title{
		font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
		font-style: normal;
		font-weight: 700;
		font-size: 2.2rem;
		text-align:left;
		line-height: 1.4;

	}

	div.cz-sidebar ul{
		list-style: none;

		font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
		font-style: normal;
		font-weight: normal;
		font-size: 1rem;
		text-align:left;
		line-height: 1.6;
	}

	div.cz-sidebar ul li{

	    display: block;
   		height: 30px;
   		margin-bottom: 0.313rem;}

	div.cz-sidebar ul li a span{
		margin-left: 12px;
	}

	div.cz-sidebar ul li a.fbsharelink span{
		padding-left: 7px;  
	}


	div.cz-sidebar ul li a{
		font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
		font-style: normal;
		font-weight: normal;

		border-bottom: transparent;
		-webkit-transition: color .3s ease-out, border-bottom-color .3s ease-out;
		-moz-transition: color .3s ease-out, border-bottom-color .3s ease-out;
		-ms-transition: color .3s ease-out, border-bottom-color .3s ease-out;
		-o-transition: color .3s ease-out, border-bottom-color .3s ease-out;
		 transition: color .3s ease-out, border-bottom-color .3s ease-out;

		color: #000;
		font-size: inherit;
	
 	}
	div.cz-sidebar ul li a:visited{
		color: #000;
	
 	}
 	
 	div.cz-sidebar ul li a:hover{
		color: #000;
		border-bottom: solid 1px #00FF00;
 	}
	
 	 div.cz-sidebar ul li a:visited:hover{
		color: color: #00FF00;
 	}

	div.cz-sidebar h4.in_project_title{

		margin-bottom: 0.625rem;
	}

	div.raw.news_footer div.cz-sidebar h4.in_project_title a{
		display: inline-block;

		margin-bottom: 2.2rem;
		margin-top: 4px;
	}

	div.cz-sidebar h4.in_project_title a{
		display: inline-block;
		margin-bottom: 1.1rem;
		margin-top: 4px;
	}

	div.raw.news_footer div.cz-sidebar h4.in_project_title a{
		display: inline-block;
		margin-bottom: 1.1rem;
		margin-top: 4px;
	}

	div.cz-sidebar h4.in_project_title a i{

			font-size: 1.15rem;
			position: relative;
			top: 1px;
			margin-right: 10px;
	}


	div#cz_content div#post_content{
		margin-top: 0px;
	}

	#cz_content div.image_in_project img{
	float: left;
	width:auto!important; 
	height: auto;
	}




	/* page single culture extra medium*/

	@media only screen and (min-width: 63.9375em)  {

		div.row.top_culture_container , div.row#cz_content{
			padding-left: 2.2rem;
			padding-right: 2.2rem;
			margin-bottom: 1px;
		}



	}

/* page single culture medium*/
	@media only screen and (max-width: 63.9375em)   {

		#cz_content div.image_in_project img{
			float: left;
		}

		div.cz-sidebar ul li a.twitter{
			margin-left: 1.1rem;
		}

		div.cz-sidebar ul li a.fbsharelink span{
			padding-left: 0px;  
		}

		div#cz_content div#post_content {
   			margin-bottom: 1.1rem;
		}

		div.cz-sidebar h4.in_project_title a{
			margin-bottom: 4.4rem;
		}


	div.cz-sidebar {
 			padding-right:2.5rem;
 			padding-left:2.5rem;
 		}


	div.row.news_footer div.cz-sidebar {

		padding-right: 0.625rem;
		padding-left: 0.625rem;
		
	}




	}

/* page single culture mobile*/
	@media screen and (max-width: 39.9375em) {

		div.cz-sidebar  {
			padding-right: 1.875rem;
			padding-left: 1.875rem;
		}

		div.row.news_footer div.cz-sidebar {

			padding-right: 0.625rem;
			padding-left: 0.625rem;
			
		}

		
		#cz_content div.image_in_project img{
			float: left;
			width:100%!important; 
			height: auto;
		}


		div.cz-sidebar h4.in_project_title a{

			margin-bottom: 3.3rem;

		}


	}

/* page single culture extra mobile*/
@media screen and (max-width: 28.125em) {

}

/* page*/

/* page general*/

/* page extra medium*/

	@media only screen and (min-width: 63.9375em)  {
	}

/* page medium*/
	@media only screen and (max-width: 63.9375em)   {
	}

/* page mobile*/
	@media screen and (max-width: 39.9375em) {
	}

/* page extra mobile*/
	@media screen and (max-width: 28.125em) {
	}

/* scroll icon*/

	/* scroll icon general*/

	p.scroll a {
	    text-align: center;
	    position: absolute;
	  
	    bottom: 2rem;
	    right: 0px;
	    left:0px;
	    z-index: 10;
	    color: #FFF !important;
	    cursor: default;
	}

	p.scroll a:hover{
		border-bottom: 1px solid transparent;
		color: #FFF;
	}

	p.scroll a:visited, p.scroll a:active:hover, p.scroll a:active:hover  {
		color: #FFF;
	}
	
	
	p.scroll a {
	}

	p.scroll a button.svg_icon{

		-ms-transform: rotate(-90deg) scale(0.6 ) ; /* IE 9 */
		-ms-transform-origin: 50% 50%; /* IE 9 */
		-webkit-transform: rotate(-90deg)  scale(0.6,0.6 ); /* Chrome, Safari, Opera */
		-webkit-transform-origin: 50% 50%; /* Chrome, Safari, Opera */
		transform: rotate(-90deg)  scale(0.6,0.6 );
		transform-origin: 50% 50%;
		position: relative;
		top: 9px;
		float:none;	
	}

	
	p.scroll a button.svg_icon svg path{
		fill:#FFF;
	}

		
	/* scroll icon extra medium*/
	
	@media only screen and (min-width: 63.9375em)  {
	}
	
	/* scroll icon medium*/
	@media only screen and (max-width: 63.9375em)   {


		p.scroll a {
		    text-align: right;
		    position: absolute;
		  
		    bottom: 2rem;
		    right: 2rem;
		    left:0px;
		    z-index: 10;
		    color: #FFF !important;

		    cursor: default;
		}
	}
	
	/* scroll icon mobile*/
	@media screen and (max-width: 39.9375em) {

		p.scroll a {

			display: none;

		}
	
	}
	
	/* scroll icon extra mobile*/
	@media screen and (max-width: 28.125em) {

	}

.wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load {
	width: 100% !important;
	height: 100% !important;
}
.mejs-container {
	padding-top: 56.25%;
}
.wp-video, video.wp-video-shortcode {
	max-width: 100% !important;
}
video.wp-video-shortcode {
	position: relative;
}
.mejs-mediaelement {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.mejs-controls {
	display: none;
}
.mejs-overlay-play {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: auto !important;
	height: auto !important;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}


.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

div.issuuembed{
	width: 100%!important;
	position: relative;
	padding-bottom: 75%!important; 
	height: 0!important;

}

div.issuuembed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
	/* navbar*/

	nav.top_navigation > div > ul > li.menu-element.site-title{
		position:absolute;
		left: 2.2rem;
		top: 0.14rem;
	}

	nav.top_navigation ul{
		list-style: none;
		margin: 0; 
		padding: 0;
		float: right;
		padding-right: 1.1rem;
	}

	nav.top_navigation > div > ul {
		margin-top: 2.0rem;
	}

	nav.top_navigation li.menu-element > a {
		display: inline-block;

		font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
  		font-style: normal;
  		font-weight: normal;
  		font-size: 1.5rem;
		
  		padding: 0;
  		padding-bottom: 0.0rem;
  		margin: 0.0rem 1.6rem;
  		border-bottom: solid 1px transparent;
	}

	nav.top_navigation li.menu-element > a:hover {
  		border-bottom: solid 1px #00FF00;
	}

	header#masthead.hovers_top_slider nav.top_navigation li.menu-element > a:hover{
		border-bottom: solid 1px #fff;
	}

	header#masthead.hovers_top_slider nav.top_navigation li.menu-element.current > a{
		border-bottom: solid 1px transparent;
	}

	header#masthead nav.top_navigation li.menu-element.current > a{
		border-bottom: solid 1px  #00FF00;
	}

	nav.top_navigation li.menu-element button.svg_icon {
    	width: 1.4rem;
    	height: 1.4rem;
    	border: none;
    	color: #000;
    	fill: #000;
    	background: transparent;
    	cursor: pointer;
    	position: relative;
    	top: 2px;
	}

	header#masthead nav.top_navigation li.menu-element > a{
		color: #000;
	}

	header#masthead.hovers_top_slider nav.top_navigation li.menu-element > a, 	header#masthead.hovers_top_slider nav.top_navigation li.menu-element button.svg_icon {
		color: #fff;
		fill: #FFF;
	}

	nav.top_navigation > div > ul > li.menu-element{

		display: inline-block;
	}

	nav.top_navigation ul.sub-menu-element{

		display: none;
    	position: absolute;
    	background-color: transparent;
    	min-width: 160px;
    	z-index: 1;
    	margin-top: 0.625rem;
	}

	nav.top_navigation ul.sub-menu-element li{
	}

	nav.top_navigation ul.sub-menu-element.nav-search{
		position: absolute;
		width: 100vw; 
		padding: 2.2rem .937em; line-height: 1em; margin: 0.0em .0em;
		padding-bottom: 0px;
	  	position: absolute;
	  	top: 60px;
	  	left: 0;
	}

	nav.top_navigation ul.sub-menu-element.nav-search li.menu-element form.nav-search{

	    color: #000;
	    border: 0px transparent;
	    border-bottom: 1px solid transparent;
	    border-radius: 0px;
	    box-shadow: none;
	    font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
	    font-style: normal;
	    font-size: 2.75rem;
	    padding: 0px;

	}

	nav.top_navigation ul.sub-menu-element.nav-search li.menu-element form.nav-search input{
		text-align: right;
		margin-bottom: 0px;
		padding: 0.0rem 1rem;
	}


	nav.top_navigation li.menu-element.site-title a.site-title { 
		color: #000; 
		font-family: "Din", Helvetica, Roboto, Arial, sans-serif;
		font-style: normal;
		font-weight: normal;
		font-size: 4.4rem;
		line-height: 1.4;
		letter-spacing: 3px;

		border-bottom: solid 1px transparent!important;
		margin:  0px;

	}

	nav.top_navigation li.menu-element.site-title a.site-title:hover  , header#masthead.hovers_top_slider nav.top_navigation li.menu-element.site-title a.site-title:hover {
		border-bottom: solid 3px transparent;
	}

/* navbar general*/
	
	/* navbar extra medium*/

	@media only screen and (min-width: 63.9375em)  {
	}

/* navbar medium*/
	@media only screen and (max-width: 63.9375em)   {
		nav.top_navigation > div > ul {
			margin-top: 1.875rem;
	
		}
		
		nav.top_navigation > div > ul > li.menu-element.site-title {
	    	position: absolute;
	    	left: 1.875rem;
	    	top: .15rem;
		}

		nav.top_navigation li.menu-element > a {
  			margin: 0.0rem 1rem;}

	}

/* navbar mobile*/
	@media screen and (max-width: 39.9375em) {

		header#masthead nav.top_navigation li.menu-element > a{
		margin-left: 0px;
		}
		
		header#masthead nav.top_navigation li.menu-element.noMobile{
			display: none;
		}

		header#masthead.mobile_open nav.top_navigation li.menu-element{
			display: list-item;
		}

		header#masthead.mobile_open nav.top_navigation li.menu-element.noMobile{
			display: list-item;
			position: relative;
			top: 5.5rem;
		}

		header#masthead nav.top_navigation li#mobile_menu_toggle.menu-element.noLarge{
			display: block;
			float: right;
		}

		header#masthead nav.top_navigation > div > ul {
			width: 100%;
			text-align: left;
			padding-left: 2.2rem;
		}

		header#masthead.mobile_open {
			height: auto;
			max-height: 200vh!important;
			overflow-y: scroll;
			overflow-x: hidden;
			position: fixed;
			top: 0;bottom: 0;
		}

		nav.top_navigation > div > ul > li.menu-element > ul.sub-menu-element{

			width: 100%;
			position: relative;
    		min-width: 160px;
    		z-index: 1;
    		margin-top: 0rem;
	
		}

		nav.top_navigation > div > ul > li.menu-element > ul.sub-menu-element{
			margin-top: 1.1rem;
			margin-bottom: 1.1rem;
		}

		nav.top_navigation > div > ul > li.menu-element > ul.sub-menu-element li.menu-element form.nav-search{

			font-family: "Atlas Grotesk Web", Helvetica, Roboto, Arial, sans-serif;
  			font-style: normal;
  			font-weight: 700;
  			padding: 0;
  			padding-bottom: 0.0rem;
  			margin: 0.0rem 1rem;
  			border-bottom: solid 1px transparent;
		}

		nav.top_navigation form.nav-search.no_results input{
			text-align: left;
			width: calc(100vw - 7rem);
			position: relative;
			font-size: 1.5rem;
			margin-left: 2px;
			margin-bottom: 0px;
		}

		.noMobile.imp{
			display: none!important;
		}

	}

/* navbar mobile excluded*/
	@media screen and (min-width: 40em) {
		
		header#masthead nav.top_navigation li.menu-element.noLarge{
			display: none;
		}
	}

/* navbar extra mobile*/
	@media screen and (max-width: 28.125em) {

	}




body.single-news div#post_content, 
body.single-projects div#post_content, 
body.single-culture div#post_content{
	display: none;
}