.preload * {
  -webkit-transition: none !important;
     -moz-transition: none !important;
  	  -ms-transition: none !important;
  	   -o-transition: none !important;
}

#kalender { padding-bottom: 7em; padding-top: 7em; }

/*=================================================
			- WEBKIT SCROLLBAR -
=================================================*/
	::-webkit-scrollbar {
		width: 6px;
		height: 6px;
	}
	::-webkit-scrollbar-button:start:decrement,
	::-webkit-scrollbar-button:end:increment  {
		display: none;
	}
	::-webkit-scrollbar-track-piece  {
		background: #e6e6e6;
	}
	::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
		background: #555;
		border-radius: 5px;
	}
	
/*=================================================
			- FONTS -
=================================================*/
	@font-face {
		font-weight: normal;
		font-style: normal
	}
	@font-face {
    font-family: 'brandon';
    src: url('fonts/brandon_bld-webfont.eot');
    src: url('fonts/brandon_bld-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/brandon_bld-webfont.woff') format('woff'),
         url('fonts/brandon_bld-webfont.ttf') format('truetype'),
         url('fonts/brandon_bld-webfont.svg#brandon_grotesquebold') format('svg')
	}	
	@font-face {
		font-family: 'colfax-light';
		src: url('fonts/colfax/colfax-light-webfont.eot');
		src: url('fonts/colfax/colfax-light-webfont.eot?#iefix') format('embedded-opentype'),
			 url('fonts/colfax/colfax-light-webfont.woff') format('woff'),
			 url('fonts/colfax/colfax-light-webfont.ttf') format('truetype'),
			 url('fonts/colfax/colfax-light-webfont.svg#colfaxregular') format('svg')
	}
	@font-face {
    font-family: 'ideal-light';
    src: url('fonts/ideal/idealsans-light-pro-webfont.eot');
    src: url('fonts/ideal/idealsans-light-pro-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ideal/idealsans-light-pro-webfont.woff') format('woff'),
         url('fonts/ideal/idealsans-light-pro-webfont.ttf') format('truetype'),
         url('fonts/ideal/idealsans-light-pro-webfont.svg#ideal_sanslight') format('svg');
	}
	@font-face {
		font-family: 'ideal-extra-light';
		src: url('fonts/ideal/idealsans-xlight-pro-webfont.eot');
		src: url('fonts/ideal/idealsans-xlight-pro-webfont.eot?#iefix') format('embedded-opentype'),
			 url('fonts/ideal/idealsans-xlight-pro-webfont.woff') format('woff'),
			 url('fonts/ideal/idealsans-xlight-pro-webfont.ttf') format('truetype'),
			 url('fonts/ideal/idealsans-xlight-pro-webfont.svg#ideal_sansextra_light') format('svg');
	}
	@font-face {
    font-family: 'ideal-regular';
    src: url('fonts/ideal/idealsans-book-pro-webfont.eot');
    src: url('fonts/ideal/idealsans-book-pro-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ideal/idealsans-book-pro-webfont.woff') format('woff'),
         url('fonts/ideal/idealsans-book-pro-webfont.ttf') format('truetype'),
         url('fonts/ideal/idealsans-book-pro-webfont.svg#ideal_sansbook') format('svg');
}

/*=================================================
			- GENERAL STYLES -
=================================================*/
	*, *:after, *:before {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		margin: 0; padding: 0;
		text-rendering: optimizeLegibility
	}	
	
	html, body {
		font-size: 100%;
		font-family: 'Helvetica Neue';
		min-height: 100%;
		background: #333;
		line-height: 1.4
	}
	
	img { max-width: 100%; vertical-align: middle; }
	
	/* --- 60fps scrolling. More info at http://goo.gl/OZaeGH --- */
	
	/*.disable-hover,
	.disable-hover * {
		pointer-events: none !important;
	}*/
	
	ul {
		padding: 0;
		list-style: none;
	}
	
	/* --- Anchors --- */
	
	a {
		text-decoration: none;
		color: #cb4b8c;
		-webkit-transition: ease-in-out .08s all;
		   -moz-transition: ease-in-out .08s all;
				transition: ease-in-out .08s all;
	}
	
	a:hover { color: #cf2a2a; }
	
	mark {
		font-style: italic;
		background: none;
		}
	
	/* --- Main Paragraphs --- */
	
	[role=main] p, .modal-box p {
	/*font-family: ideal-light, sans-serif;*/
	font-size: 1.1em;
	font-weight: 100;
	color: #333;
	text-align: justify;
	-webkit-hyphens: auto; /* Not supported by Chrome, but works in Safari (incl. iPhone and iPad) */
	   -moz-hyphens: auto;
		-ms-hyphens: auto;
			hyphens: auto;
	}

	/* --- Headings --- */

	h1, h2, h3 {
		color: #696969;
		font-size: 3em;
		font-family: 'Helvetica Neue';
		font-weight: 100;
		text-align: center;
		-webkit-font-smoothing: subpixel-antialiased;
		}
	
	/*  --- Thematic Break --- */
	
	hr {
		display: block;
		margin: 2em auto;
		border: 0;
		border-top: #DDD solid 1px;
		width: 80%;
	}
	
	/* --- Clearfix --- */
	
	.clearfix:before,
	.clearfix:after {
		content: " ";
		display: table;
	}
	.clearfix:after {
		clear: both;
	}
	
	
/*=================================================
			- HEADER -
=================================================*/
	header {
		position: relative;
		height: 80px;
		line-height:80px;
		color: #000;
		background: #333;
		background: rgba(255, 255, 255, 0.99);
		padding: 0 -webkit-calc(50% - 500px);
		padding: 0 		   calc(50% - 500px);
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		box-shadow: 0 0 1px 2px rgba(0,0,0,0.2);
		z-index: 12;
		-webkit-transition: height 0.3s;
		   -moz-transition: height 0.3s;
				transition: height 0.3s;
		}
	
		#headerlogo {
	  	float: left;
		width: 51px;
		height: 66px;
		margin-right: 1.5em;
		margin-top: 0.1em;
		background: url(../img/tg_logo.png) no-repeat 50% 50%;
		background-size: cover;
		-webkit-transition: all 0.3s;
		   -moz-transition: all 0.3s;
				transition: all 0.3s;
		}

	
	/* --- Logo --- */
	
	.logo {
		float: left;
		width: auto;
		margin-right: 1em;
		cursor: pointer;
	}
	
	#tglogo {
		width: auto;
		margin-right: 1em;
		cursor: pointer;
		width: 50px;
		height: 50px;
		background: url(../img/TG_logo.svg) no-repeat;
		}
	
	header h1 {
		color: #696969;
		margin: 0;
		font-size: 2em;
		position: relative;
		-webkit-transition: all 0.3s;
		   -moz-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	header h1:before {
		pointer-events: none;
		content: "\f176";
		position: absolute;
		left: -1em;
		font-family: fontawesome;
		font-size: .5em;
		display: block;
		top: 0.1em;
		opacity: 0;
		-webkit-transition: opacity .16s;
		   -moz-transition: opacity .16s;
			-ms-transition: opacity .16s;
				transition: opacity .16s;
	}
	
	header h1:hover:before {
		opacity: 0.7;
	}
	
	/* --- Navigation --- */
	
	header nav[role="navigation"] {
		float: right;
		/*width: auto;*/
		margin: 0 auto;	}
	
	nav[role="navigation"] ul {
		list-style: none;
		padding: 0; margin: 0;
	}
	
	nav[role="navigation"] li {
		display: inline-block;
		float: left;
		padding: 0
	}
	
	nav[role="navigation"] li a {
		font-family: ideal-light;
		color: #696969;
		text-decoration: none;
		font-size: 80%;
		text-transform: uppercase;
		display: block;
		padding: 0 1em;
		-webkit-transition: all 0.3s;
		   -moz-transition: all 0.3s;
				transition: all 0.3s;

	}
	
	nav[role="navigation"] li a:hover { background: #f9f8f7; color: #cf2a2a; }

	/* --- Shrink Animation Class --- */
	
	header.shrink {
		height: 54px;
		line-height: 54px;
	}

	header.shrink h1, #menu, #headerlogo.shrink {
		font-size:1.4em;
		-webkit-transition: all 0.3s;
		   -moz-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	header.shrink nav li a {
		/*line-height: 54px*/
	}
	
	header.shrink #headerlogo {
		width: 34px;
		height: 41px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
		margin-top: 0.4em;
	}

	#menu {
		padding: 0 5%;
		position: absolute;
		right: 0;
		top: 0;
		background:#FFFFF;
		display: none;
	}
	/*nav {
		list-style: none;
		padding: 0;
		display: inline-block;
	}*/
	
	nav.vertical {
		display: block;
		width:100%;
		text-align: center;
		background: #333;
	}
	nav.vertical li {
		display: list-item;
		line-height: 40px;
		width: 100%;
		border-top: 1px solid rgba(255,255,255,0.1);
	}
	/*nav li {
		display:inline-block;
		padding-right: 40px;
	}*/
	nav li:last-child {
		padding-right: 0;
	}
/*=================================================
			- WELCOME PAGE -
=================================================*/
	.welcome {
		color: #fff;
		position: relative;
		width: 100%;
		height: 70vh;
		background: url(../img/tg_frontmosaic.jpg) 50% 50% #e6e6e6;
		background-size: cover;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src='img/home.jpg',
        sizingMethod='scale');
	}
	
	
	.welcome:after {
		position: absolute;
		height: 120px;
		bottom: 0;
		left: 0;
		right: 0;
		background: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
		display: block;
		content: '';
		z-index: 0;
	}
	
	.welcome h1 a {
		color: #696969;
		}
	
	/* --- Info Box --- */
	
	#info-box {
		width: 49.3em;
		list-style: none;
		bottom: 8.5em;
		text-shadow: 0 1px 0 rgba(0,0,0,.5);
	}
	
	#info-box h1 {
		margin: .2em 0;
		font-size: 3em;
		list-style: none;
		padding: 0;
		color: #FFF;
	}
	
	#info-box p {
		text-align: center;
		font-weight: lighter;	
		font-size: 1.3em;
		}
	
	#info-box ul:first-of-type {
		margin-bottom: .7em;
	}
	
	#info-box ul > li:first-of-type {
		text-transform: uppercase;
		display: block;
		font-size: 1em;
		font-family: ideal-regular;
	}
		
	/* --- Social Media --- */
	
	#info-box {
		position: relative;
		margin: 0 auto;
		top: 12em;
		display: block;
		/*background: rgba(0,0,0,0.3);*/
		padding: .5em .6em .8em;
		-webkit-transform: translate3d(0,0,0); /* Prevents flickering in Webkit */
		z-index: 4
	}
	
	#social {
		top: 0;
		display: block;
		/*background: rgba(0,0,0,0.3);*/
		padding: .5em .6em .8em;
		-webkit-transform: translate3d(0,0,0);
		z-index: 4;
		left: 0em;
		width: 250px;
		margin: 0 auto;
	}
	
	#contact #social {
		background: rgba(0,0,0,0.3);
		margin-top: 1em;
		}
	
	#social:before {
		content: 'Follow us on';
		color: #FFF;
		display: block;
		margin-bottom: 0.4em;
		text-transform: uppercase;
		font-family: ideal-regular;
		font-size: 0.9em;
	}
	
	#social ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
	#social li {
		display: inline-block;
		margin: 0 .2em;
	}
	
	#contact #social ul {
		text-align: center;
		}
	
	#social li a {
		-webkit-transform: translate3d(0,0,0); /* Prevents flickering in Webkit */
		position: relative;
		color: #f1f1f1;
		font-size: 1.5em;
		height: 1.8em;
		width: 1.8em;
		text-align: center;
		line-height: 1.8em;
		border-radius: 50%;
		box-shadow: inset 0 0 0 2px #f1f1f1;
		-webkit-transition: all .16s ease-in-out;
		   -moz-transition: all .16s ease-in-out;
			-ms-transition: all .16s ease-in-out;
				transition: all .16s ease-in-out;
	}
	
	#social li a:hover {
		box-shadow: inset 0 0 0 23px #f1f1f1;
		color: #cf2a2a;
	}
	
	#social li a:hover:after {
		opacity: 1;
		-webkit-transition: opacity .16s ease-in-out;
		   -moz-transition: opacity .16s ease-in-out;
			-ms-transition: opacity .16s ease-in-out;
				transition: opacity .16s ease-in-out;
	}
	
	#social li a:after {
		content: attr(data-social);
		text-transform: uppercase;
		position: absolute;
		font-family: ideal-regular;
		font-size: 1rem;
		color: #fff;
		white-space: nowrap;
		opacity: 0;
		pointer-events: none;
	}
	
	#social li a[class*="facebook"]:after {
		top: -38px;
		left: 110px;
	}
	
	#social li a[class*="twitter"]:after {
		top: -38px;
		left: 58px;
	}
	
	#social li a[class*="youtube"]:after {
		top: -38px;
		left: 3px;
	}
	
	#social li a[class*="linkedin"]:hover:after {
		top: -38px;
		left: -51px;
	}
	
	/* --- CSS Arrow --- */
	
	.arrow {
		display: block;
		text-decoration: none;
		color: #fff;
		height: 1em;
		width: 1em;
		background: transparent;
		bottom: 2em;
		left: -webkit-calc(50% - (1em / 2));
		left: 		  calc(50% - (1em / 2));
		position: absolute;
		border: #fff solid;
		border-width: 0 6px 6px 0;
		border-radius: 2px;
		z-index: 3;
		-webkit-transform: rotate(45deg);
		   -moz-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
				transform: rotate(45deg);
	}
	
	/* --- Calendar --- */

	
/*=================================================
			- SUB PAGES -
=================================================*/

	/* --- Event Calendar --- */

	.events {
	width: 100%;
	float: left;
	margin-top: 7em;	
	margin-bottom: 4em;
	}
	
	.events figure {
	margin: 0 1em 1em 0;
	width: -webkit-calc((100% - 3em) / 4);
	width: calc((100% - 3em) / 4);
	float: left;
	cursor: pointer;
	text-align: center;
	font-weight: 200;
	}
	
	.events figure:last-of-type {
		margin-right: 0;
		}
	
	.events figure figcaption {
		-webkit-transition: background .08s ease-in-out;
		   -moz-transition: background .08s ease-in-out;
				 transition: background .08s ease-in-out;
	}
	
	.events figure:before {
		position: absolute;
		width: 100%;
		height: 0.4em;
	}
	
	.events figcaption span {
		vertical-align: 0.1em;
		font-size: 80%;
		float: right;
	}
	
	[data-type="event"]:before,[data-type="exhibition"]:before,[data-type="talk"]:before {
		content: '';
	}
	
	[data-type="event"]:before, figure[data-type="event"]:hover figcaption {
		background: #d24b40;
	}
	
	[data-type="exhibition"]:before, figure[data-type="exhibition"]:hover figcaption {
		background: #d24b40;
	}
	
	[data-type="talk"]:before, figure[data-type="talk"]:hover figcaption {
		background: #d24b40;
	}
	
	[data-type="event"] {
		color: #d24b40;
	}
	
	[data-type="exhibition"] {
		color: #d24b40;
	}
	
	[data-type="talk"] {
		color: #d24b40;
	}
	
	.yourname p {
		font-family: ideal-light;
		font-size: 2em;
		text-align: center;
	}
	
	.yourname p:before {
		vertical-align: -0.1em;
		height: 1em;
		width: 1em;
		display: inline-block;
		margin-right: .5em;
	}
	
	.events-cal {
		float: left;
		width: 15em;
		background: #f9f8f7;
	}
	
	.events-cal h4 {
		font-family: ideal-light;
		text-align: center;
		background: #cb4b8c;
		margin: 0;
		color: #f6f6f6;
		padding: 1em 0;
	}
	
	.events-cal h4:before, .events-cal h4:after {
		margin: 0 1em;
		font-family: fontawesome;
	}
	
	.events-cal h4:before {
		content: "\f053";
	}
	
	.events-cal h4:after {
		content: "\f054";
	}
	
	.events-cal-picker {
		padding: 0.65em;
	}
	
	.events-cal-picker ul {
		list-style: none;
		padding: 0;
	}
	
	.events-cal-picker li {
		font-family: ideal-light;
		position: relative;
		display: inline-block;
		float: left;
		width: -webkit-calc(100% / 5);
		width: calc(100% / 5);
		height: 42px;
		text-align: center;
		line-height: 42px;
	}
	
	.date {
		color: #333;
		font-size: 14px;
		margin: 0;
	}
	
	.date-passed {
		color: #ccc;
	}
	
	.date-marked {
		background: rgba(203, 75, 140, 0.85);
		border-radius: 50%;
		font-family: ideal-regular;
		color: #f6f6f6;
	}
	
	.date-event {
		color: #cb4b8c;
	}
	
	#introtext {
		margin-bottom: 8em;
		width: 70%;
		text-align: center;
		margin: 0 auto;
		}
	
	.color-bar {
		background: #f9f8f7;
		clear: left;
		float: left;
		padding: 0.5em;	}
	
	.color-bar ul {
		margin: 0;
		display: block;
	}
	
	.projectvideos {
		text-align: center;
		}
	
	.projectvideos h2 {
		margin-top: 1em;
		}
	
	.projectvideos p {
		text-align: center;
		width: 80%;
		margin: 0 auto;
		margin-top: 2em;
		}
	
	.projectvideos a {
		color: #546785;
		margin: .5rem 0 0;
		font-size: 90%;
		font-weight: 200;
		margin 0 auto;
		}
	
	.projectvideos a:after {
		content: '\f14c';
		padding-left: .4em;
		font-size: 0.9em;
		font-family: fontawesome;
		vertical-align: baseline;
		}
		
	.projectvideos a:hover {
		color: #cf2a2a;
		}
	
	.ngologo {
		margin: 1em;
		width: 350px;
		height: 150px;
		background-position: 50% 50%;
		background-size: 100%;
		margin-left: auto;
		margin-right: auto;
		}
	
	.ngologo a:after {
		display: none;
		}
	
	#habitat {
		background: url(../img/ngo_habitatforhumanity.png) no-repeat;
		background-position: 50% 50%;
		background-size: 100%;
		margin-bottom: 0em;
		margin-top: 0em;
		}

	#wwf {
		background: url(../img/ngo_wwf.png) no-repeat;
		background-position: 50% 50%;
		background-size: 100%;
		width: 133px;
		}
		
	#msf {
		background: url(../img/ngo_msf.png) no-repeat;
		background-position: 50% 50%;
		background-size: 100%;
		}	
			
	#redbarnet {
		background: url(../img/ngo_redbarnet.png) no-repeat;
		background-position: 50% 50%;
		background-size: 100%;
		}	
		
	#checkout {
		font-size: 0.7em;
		font-style: italic;
		margin-bottom: 0;
		margin-top: 4em;
		text-align: center;
		}	
		
	#2014 {
		margin-bottom: 0em;
		}
		
	.events a {
		color: #546785;
		margin: .5rem 0 0;
		font-size: 90%;
		font-weight: 200;
		}
	
	.events a:after:nth-child(2)  {
		content: '\f14c';
		padding-left: .4em;
		font-size: 0.9em;
		font-family: fontawesome;
		vertical-align: baseline;
		}
		
	.ngologo a:after {
		display: none;
		}
		
	.events a:hover {
		color: #cf2a2a;
		}
		
	#redbox {
		padding: 4em;
		background: #cf2a2a;
		text-align: center;
		font-size: 2em;
		color: white!important;
		}
		
	#redbox p {
		color: white;
		margin: 0;	
		width: 100%;
	}
	
	#redbox strong {
		font-weight: 500;
		}
	
	/* --- Sections --- */

	section {
		-webkit-transform: translate3d(0,0,0); /* Prevents flickering in Webkit */
		background: #f7f7f6;
		position: relative;
		padding: 6em -webkit-calc(50% - 555px);
		padding: 		 6em calc(50% - 555px)
	}
	
	section article {
		/*border-left: 1px dashed #999;*/
		position: relative;
		text-align: center;
		height: 100%;
		width: -webkit-calc((100% - -1em) / 6);
		width: calc((100% - 1em) / 2);
		/* margin-right: 2em; */
		margin-top: 1em;
		display: inline-block;
		vertical-align: top;
		/* padding: 0 1em 0 0; */
}
article, aside, details,
	}
	
	section article:nth-of-type(2n):before, section article:nth-of-type(2n):after {
		content: '';
		height: 100%;
		position: absolute;
		top: 0;
	}
	
	section article:nth-of-type(2n):before {
		left: -1em;
	}
	
	section article:nth-of-type(2n):after {
		right: -1em;
	}
	
	section article:nth-of-type(4n):before {
		border: none;
	}
	
	
	/* circular images */
	/*section article:nth-of-type(3n) {
		border: none;
		margin: 0;
		padding: 0;
	} */
	
	section article:nth-of-type(3n):after {
		border: none;
	}
	
	/* --- Articles --- */
	
	section article a {
		display: block;
		color: #546785;
	}
	section article a:not(.icons) {
		text-align: left;
	}
	section article > a > * {
		-webkit-transition: -webkit-transform .16s ease-in-out;
		   -moz-transition:	   -moz-transform .16s ease-in-out;
			-ms-transition: 	-ms-transform .16s ease-in-out;
				transition: 		transform .16s ease-in-out;
	}

	section article > a.icons:hover > * {
		color: #cb4b8c;
		-webkit-transform: scale(1.2,1.2);
		   -moz-transform: scale(1.2,1.2);
			-ms-transform: scale(1.2,1.2);
				transform: scale(1.2,1.2);
	}
	
	section article > a.icons > * {
		color: #546785;
	}
	
	section article h3 {
		text-transform: uppercase;
		font-size: 1.2em;
		font-family: ideal-regular;
	}
	
	section article i {
		font-size: 7em;
	}
	
	#team article {
		margin-bottom: 2em;
		}
		
	/* --- Small links --- */
		
	ul.small-links {
		-webkit-transform: translate3d(0,0,0); /* Prevents flickering in Webkit */
		text-align: center;
		padding: 0;
		list-style-type: none;
		margin: 2em auto 0;
	}
		
	ul.small-links li {
		padding: 0 2em;
		display: inline-block;
	}
		
	ul.small-links li a {
		position: relative;
		text-align: center;
		color: #546785;
		font-size: 1em;
		font-weight: 200;
		border-bottom: 1px dashed;
	}	
	ul.small-links li a:before {
		font-size: 1.1em;
		position: absolute;
		left: -1.1em;
		content: "\f18e";
		font-family: fontawesome;
		top: 0;
	}
	ul.small-links li a:hover {
		color: #cb4b8c;
	}
	
	/* --- Background Pictures --- */
	
	.one	 { background: url(../img/background_one.svg) 50% 56% fixed #ccc; }
	.two	 { background: url(../img/background_two.svg) 50% 56% fixed #ccc; }
	.three	 { background: url(../img/background_three.svg) 50% 50% fixed #ccc; }
	
	.image-background {
		display: block;
		height: 350px;
		z-index:10;
		width: 100%;
		box-shadow: inset 0 0 2px 2px rgba(0,0,0,.05);
		background-size: cover;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src='../img/tg_frontmosaic.jpg',
        sizingMethod='scale');
	}
	
	
	#partners > p {
		margin: 2em 0;
		-webkit-column-count: 3;
		   -moz-column-count: 3;
		-webkit-column-gap: 2em;
		   -moz-column-gap: 2em;
		-webkit-column-rule-color: #ccc;
		   -moz-column-rule-color: #ccc;
		-webkit-column-rule-style: dashed;
		   -moz-column-rule-style: dashed;
		-webkit-column-rule-width: 1px;
		   -moz-column-rule-width: 1px;
	}
	
	.partnerdescrip {
		width: 70%;
		margin: 0 auto;
		margin-top: 2em;
		}
		
	.partnerdescrip h2 {
		margin: 1em 0 0;
		}
	
		
	.partnerdescrip figure {
		margin: 0 1em 3em 0;
		width: -webkit-calc((100% - 3em) / 3);
		width: calc((100% - -35em) / 2);
		}
		
	.partnerdescrip a {
		color: #546785;
		margin: .5rem 0 0;
		font-size: 90%;
		font-weight: 200;
		}
		
		.partnerdescrip a:after {
		content: '\f14c';
		padding-left: .4em;
		font-size: 0.9em;
		font-family: fontawesome;
		vertical-align: baseline;
		}
		
	.partnerdescrip a:hover {
		color: #cf2a2a;
		}
	
	.partnerlogo {
		height: 100%;
		width: 300px;
		margin: 0 auto;
		padding-top: 4em;
		}
	
	.norlum {
		border-top: 1px dashed black;
		margin-top: 1em;
		text-align: center;
		}
		
	.twentyoneinc {
		border-top: 1px dashed black;
		margin-top: 1em;
		text-align: center;
		margin-top: 1em;
		}
		
/* --- TEAM - SIDEN; --- */

	.circular {
		width: 250px;
		height: 250px;
		border-radius: 150px;
		-webkit-border-radius: 150px;
		-moz-border-radius: 150px;
		background-position:50% 50%;
		background-size: 100%;
		margin-left: auto;
 		margin-right: auto;
	}
	
	.circular:hover {
		-moz-box-shadow: 0 0 20px #ccc; -webkit-box-shadow: 0 0 20px #ccc; box-shadow: 0 0 20px #ccc; 
		}
	
	#circular1 {
		background: url(../img/team_frederik.jpg) no-repeat;
		background-position:50% 50%;
		background-size: 100%;
	}
	
	#circular2 {
		background: url(../img/team_jericcacleland.jpg) no-repeat;
		background-position:50% 50%;
		background-size: 100%;
	}
	
	#circular3 {
		background: url(../img/team_marie.jpg) no-repeat;
		background-position:50% 50%;
		background-size: 100%;
	}
	
	#circular4 {
		background: url(../img/team_mariet.jpg) no-repeat;
		background-position:50% 50%;
		background-size: 100%;
	}
	
	#circular5 {
		background: url(../img/team_drude.jpg) no-repeat;
		background-position:50% 50%;
		background-size: 100%;
	}
	
	#circular6 {
		background: url(../img/team_rebecca.jpg) no-repeat;
		background-position:50% 50%;
		background-size: 100%;
	}
	
	#circular7 {
		background: url(../img/team_laura.jpg) no-repeat;
		background-position:50% 50%;
		background-size: 100%;
	}
	
	#circular8 {
		background: url(../img/team_martin.jpg) no-repeat;
		background-position:50% 50%;
		background-size: 100%;
	}
	
	#circular9 {
		background: url(../img/team_mark.jpg) no-repeat;
		background-position:50% 50%;
		background-size: 100%;
	}
	
	#circular9 {
		background: url(../img/team_martinh.jpg) no-repeat;
		background-position:50% 50%;
		background-size: 100%;
	}
	
	#circular10 {
		background: url(../img/team_michael.jpg) no-repeat;
		background-position:50% 50%;
		background-size: 100%;
	}
	
	#circular11 {
		background: url(../img/team_sara.jpg) no-repeat;
		background-position:50% 50%;
		background-size: 100%;
	}
	
	#team p {
		text-align: center;
		}
	
	#team a {
		text-align: center;
		}
		
/* --- TEAM - SIDEN; --- */


	#wrapperyears {
		text-align: center;
	}

	.video-container {
		margin-right: auto;
		margin-left: auto;
		display:block;
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px; height: 0; overflow: hidden;
		}
		
	.video-container iframe,
	.video-container object,
	.video-container embed {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
- See more at: http://avexdesigns.com/responsive-youtube-embed/#sthash.eNZs6wDi.dpuf
	
	/* --- Chrome Fix: Lacking support for hyphen:auto; --- */
	@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {	
		#partners > p {
			-webkit-column-count: 2; /* 3 would cause significant white space gap between some words when text is text-align:justify; in Chrome */
		}
	}
	
	/* --- Figures ---*/
	
	figure img {
		width: 100%;
		height: auto!important;
	}
	article figure {
		/*overflow: hidden;
		height: 190px;*/
	}
	figure {
		display: block;
		width: 100%;
		margin: 0;
		position: relative;
	}
	
	figure p {
		text-align: center!important;
		}
	
	article > a + a {
		margin: .5rem 0 0;
		font-size: 90%;
		font-weight: 200;
	}
	
	article > a + a:before {
		content: 'Visit ';
	}
	
	article > a + a[href^="http://"]:after {
		content: '\f14c';
		padding-left: .4em;
		font-size: 0.9em;
		font-family: fontawesome;
		vertical-align: baseline;
	}

	figure figcaption {
		background: rgba(0,0,0,.8);
		position: absolute;
		top: -2em;
		font-family: ideal-regular;
		left: 0;
		right: 0;
		padding: 0.2em;
		font-size: 3em;
		color: #f1f1f1;
		text-transform: uppercase;	
		text-align: center;
		}
		
/*=================================================
			- CONTACT -
=================================================*/

	.contactbox {
		background-color: #cf2a2a;
		padding: 25px 25px 25px 25px;
		margin: 0 0 15px 0;
		width: 450px;
		margin: 0 auto;
		text-align: center;
		-webkit-hyphens: none; /* Not supported by Chrome, but works in Safari (incl. iPhone and iPad) */
	   -moz-hyphens: none;
		-ms-hyphens: none;
			hyphens: none;
	}
	
	.contactbox h2 {
		color: #fff;
		font-size: 2em;
		}
		
	.contactbox p, .contactbox a {
		color: #fff;
		text-align: center;
		}

	#mc-embedded-subscribe-form {
		padding: 2em;
		margin: 0 auto;
		text-align: center;
	}

	div.mc-field-group {
		padding: 0.8em;
	}

	div.mc-field-group label, div.mc-field-group input, input.button, div.indicates-required  {
		font-family: ideal-light, sans-serif; */
		font-size: 1.1em;
		font-weight: 100;
		color: #333;
		margin-right: 1em;
	}

	div.mc-field-group input {
		padding: 0.2em 0.5em;
		width: 25em;
	}

	input.button {
		padding: 0.5em 1em;
		background:#cf2a2a;
		border: none;
		color: white;
		margin-top: 1em;
	}

	div.indicates-required {
		font-size: 0.8em;
		margin-right: 0;
	}

/*=================================================
			- FOOTER -
=================================================*/
	footer {
		color: #fff;
		text-align: center;
		font-family: sans-serif;
		padding: 1rem 0;
		font-size: 11px;
		right: 0;
		left: 0;
		bottom: 0;
		position: relative
	}
	

/*=================================================
			- MEDIA QUERIES -
=================================================*/
		
	
	@media screen and (device-aspect-ratio: 40/71) 
	and (orientation : landscape) {
		header { display: none; }
		.welcome {  height: auto; }
	}
	
	@media only screen and (max-width: 999px) {
		[role="main"] > * {
			padding: 4em 5%;
		}
		header { padding-left: 5%; }
		
		.modal-box p {
		-webkit-column-count: auto;
		   -moz-column-count: auto;
		}
		section > article {
		width: -webkit-calc((100% - -19em) / 5);
		width: calc((100% - -19em) / 5);
		}

	}
	
	@media only screen and (max-width : 790px) {
		
		header { padding: 0; max-height: 54px; line-height: 54px; }
		
		header h1 { font-size: 1.4em; }
		 		
		.logo {
			padding-left: 5%;
		}
		#menu {
			display: inline-block;
		}
		nav {
			display: none;
		}
		
		header h1:before { content: none; display: none; }
		
		.arrow, .events-cal { display: none; }
		
		.events { width: 100%; }
		
		ul.small-links li {
			padding: 0.2em 2em;
			display: block;
			text-align: left;
		}
		
		#partners > p {
		-webkit-column-count: auto;
		   -moz-column-count: auto;
		}

		#info-box {
			position: static;
			width: 70%;
			padding: 1em;
			margin-top: 3em;
		}
		
		#headerlogo {
		width: 34px;
		height: 41px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
		margin-top: 0.4em;
		margin-left: 2em;
		margin-right: 0em;
		}
		
	}
	
	/*@media only screen and (max-width : 600px) {
		#social { display: none; }
	}*/
	
	
	@media only screen
	and (min-device-width : 320px) 
	and (max-device-width : 1024px) {
		.image-background {
			background-attachment: scroll;
		}
	}

@media only screen 
	and (min-width : 320px) 
	and (max-width : 880px) {
		
		section > article {
		width: -webkit-calc((100% - -13em) / 3);
		width: calc((100% - -13em) / 3);
		}
		
		}
		
@media only screen 
	and (min-width : 320px) 
	and (max-width : 700px) {
		
		section > article {
		width: -webkit-calc((100% - -13em) / 3);
		width: calc((100% - -18em) / 4);
		}
		
		}

@media only screen 
	and (min-width : 320px) 
	and (max-width : 480px) {
		* { text-rendering: optimizeSpeed; }
		body { margin-top: 54px; }
		
		[role="main"] h2 { text-align: center; }

		section > article {
			width: 100%;
			margin: 0 0 2em 0;
			border-bottom: #DDD solid 1px;
			padding-bottom: 1em;
		}
		
		article:after, article:before, section article:nth-of-type(2n):before, section article:nth-of-type(2n):after {
			content: none;
		}
		
		section article > a.icons:hover > * {
			-webkit-transform: none;
			   -moz-transform: none;
				-ms-transform: none;
					transform: none;
		}
		
		.welcome { height: auto; }
		.welcome:after { content: none; }
		#cal { width: 100%; position: static; }
		/*#social { display: none; }*/
		#info-box {
			position: static;
			width: 100%;
			padding: 1em;
		}
		#info-box ul:first-of-type {
			margin-right: 2%;
		}
		#info-box ul {
			float: left;
			width: 48%;
		}
		
		.events figure { 
		width: 100%; 
		margin-right: 0; 
		margin-bottom: 7em;
		}
		
		#load-content {
			overflow: scroll;
		}
		
		.modal {
			top: 3%;
			left: 3%;
			right: 3%;
			bottom: 3%;
		}
		
		.modal-box {
			margin-bottom: 1em;
		}
		
		.modal-left {
			float: none;
			width: 100%;
		}
		
		.contactbox {
			width: 280px;
		}
		
		#social {
			text-align: center;
			}
		
		#social li a:after {
			display: none;
			}
			
		.ngologo {
			width: 300px;
			height: 100px;
			}
		
		#wwf {
			background: url(../img/ngo_wwf.png) no-repeat;
			background-position: 50% 50%;
			background-size: 100%;
			width: 88px;
			}
			
		.projectvideos p {
			width: 100%;
			}
			
		#partners p {
			width: 100%;
			}
			
		.partnerdescrip {
			width: 100%;
			}
	}
	

/*=================================================
			- PRINT STYLESHEET -
=================================================*/
@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;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * 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;
    }
	
	header, #cal, #social, events-cal, figcaption {
		display: none;
	}
	
}