.dna-block {
		padding: 0 10px;
		overflow: hidden;
		margin: 40px auto;
	}
	.dna-block-remove-space {
		margin-bottom: -40px;
	}
	.dna-block-add-space {
		height: 1px;
		margin-bottom: -1px;
	}
	@media (min-width:800px) {
		.dna-block {
			padding: 0 20px;
		}
		.dna-block {
			margin: 60px auto;
		}
		.dna-block-remove-space {
			margin-bottom: -60px;
		}
		/*.dna-block-add-space {
			height: 60px;
		}*/
	}


  /****************************/
 /***   FULL WIDTH IMAGE   ***/
/****************************/

	.dna-block-full-width-image {
	}
	.dna-block-full-width-image img {
		width: 100%;
		height: auto;
		z-index: 1;
	}

	.dna-block-full-width-image.multi-images {
		width: 100%;
		height: 0;
		position: relative;
		background-color: #CCC;
	}
	.dna-block-full-width-image.multi-images img {
		position: absolute;
		height: 100%;
		object-fit: cover;
	}

	.dna-block-full-width-image.count-2 {
		padding-bottom: calc(100% / 3.5);
	}
	.dna-block-full-width-image.count-2 img {
		width: calc(100% / 2);
	}
	.dna-block-full-width-image.count-2 img.image-2 {
		left: calc(100% / 2);
	}

	
	.dna-block-full-width-image.count-3 {
		padding-bottom: calc(100% / 5.3);
	}
	.dna-block-full-width-image.count-3 img {
		width: calc(100% / 3);
	}
	.dna-block-full-width-image.count-3 img.image-2 {
		left: calc(100% / 3);
	}
	.dna-block-full-width-image.count-3 img.image-3 {
		left: calc(100% / 1.5);
	}

	
	.dna-block-full-width-image.count-4 {
		padding-bottom: calc(100% / 7.1);
	}
	.dna-block-full-width-image.count-4 img {
		width: calc(100% / 4);
	}
	.dna-block-full-width-image.count-4 img.image-2 {
		left: 25%;
	}
	.dna-block-full-width-image.count-4 img.image-3 {
		left: 50%;
	}
	.dna-block-full-width-image.count-4 img.image-4 {
		left: 75%;
	}


  /***********************/
 /***   PAGE HEADER   ***/
/***********************/

	.dna-block-hero-header {
		height: 400px;
		color: white;
		position: relative;
		z-index: 2;
		margin: -50px 0 0 0;
		background: #99989F;
	}
	@media (min-width: 800px) {
		.dna-block-hero-header {
			margin-top: -60px;
		}
	}
	.dna-block-hero-header:before {
		content: "";
		background: #000;
		position: absolute;
		opacity: .5;
		width: 100%;
		height: 100%;
		z-index: 3;
	}
	.dna-block-hero-header img,
	.dna-block-hero-header video {
		position: absolute;
		width: 100%;
		height: 100%;
		object-fit: cover;
		/*filter: sepia(.66);*/
		z-index: 1;
	}
	.dna-block-hero-header video {
		display: none;
	}
	.dna-block-hero-header h1 {
		position: absolute;
		max-width: 1150px;
		margin: 0 auto;
		left: 0;
		right: 0;
		top: 0;
		display: flex;
		align-items: center;
		height: 100%;
		z-index: 3;
		padding: 20px;
	}
	@media (min-width: 800px) {
		.dna-block-hero-header {
			height: 580px;
		}
		.dna-block-hero-header video {
			display: block;
			z-index: 2;
		}
	}


  /***********************/
 /***   PAGE HEADER   ***/
/***********************/

	.dna-block-hero-link {
		height: 400px;
		color: white;
		position: relative;
		z-index: 2;
		background: #99989F;
		display: block;
		color: white;
	}
	.dna-block-hero-link:hover {
		color: white;
	}
	/*@media (min-width: 800px) {
		.dna-block-hero-link {
			height: 580px;
		}
	}*/
	.dna-block-hero-link:before {
		content: "";
		background: #000;
		position: absolute;
		opacity: .5;
		width: 100%;
		height: 100%;
		z-index: 3;
		transition:  .2s;
	}
	.dna-block-hero-link:hover:before {
		opacity: .6;
	}
	.dna-block-hero-link img {
		position: absolute;
		width: 100%;
		height: 100%;
		object-fit: cover;
		/*filter: sepia(.66);*/
		z-index: 1;
	}
	.dna-block-hero-link .content {
		position: absolute;
		max-width: 800px;
		margin: 0 auto;
		left: 0;
		right: 0;
		top: 0;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
		height: 100%;
		z-index: 3;
		padding: 20px;
		text-align: center;
	}
	.dna-block-hero-link .content .title {
		font-size: 48px;
	}
	.dna-block-hero-link .content .dna-button {
		margin-top: 20px;
	}


  /*************************/
 /***   SLIDER HEADER   ***/
/*************************/

	.dna-block-slider-header {
		width: 100%;
		height: 400px;
		position: relative;
		background-color: #CCC;
		position: relative;
		margin: -50px 0 0 0;
		z-index: 2;
	}
	@media (min-width: 800px) {
		.dna-block-slider-header {
			height: 580px;
			position: relative;
			z-index: 2;
			margin-top: -60px;
		}
	}
	.dna-block-slider-header .category {
		position: absolute;
		z-index: 4;
		background: #1268A5;
		top:  90px;
		right: 0;
		color: white;
		padding: 10px 20px;
		border-radius: 30px 0 0 30px;
	}
	.dna-block-slider-header .controls .arrow {
		position: absolute;
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 199.4 199.4'%3E%3Cpath fill='%23FFF' d='M135.4 0L35.7 99.7l99.7 99.7 28.3-28.3-71.4-71.4 71.4-71.4z'/%3E%3C/svg%3E") center no-repeat;
		background-size: contain;
		width: 40px;
		height: 40px;
		left: 24px;
		top: calc(50% - 20px);
		opacity: .25;
		transition: 250ms;
		cursor: pointer;
		display: none;
		z-index: 3;	
	}
	@media (min-width: 800px) {
		.dna-block-slider-header .controls .arrow {
			display: block;
		}

	}
	.dna-block-slider-header .controls .arrow.right {
		left: auto;
		right: 24px;
		transform: rotate(180deg);
	}
	.dna-block-slider-header:hover .controls .arrow {opacity: .5;}
	.dna-block-slider-header .controls .arrow:hover {opacity: 1;}
	.dna-block-slider-header .controls .bullets {
		display: none;
	}
	/*.dna-block-slider-header .controls .bullets {
		position: absolute;
		width: 500px;
		height: 30px;
		left: calc(50% - 250px);
		bottom: -35px;
		text-align: center;
		z-index: 3;
	}
	.dna-block-slider-header .controls .bullet {
		display: inline-block;
		border-radius: 50%;
		width: 10px;
		height: 10px;
		margin: 0 3px;
		cursor: pointer;
		transition: 250ms;
		background: #888;
		opacity: .33;
	}
	.dna-block-slider-header .controls .bullet:hover {
		opacity: .66;
	}
	.dna-block-slider-header .controls .bullet.active {
		opacity: 1;
	}*/
	.dna-block-slider-header .slides-container {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		overflow: hidden;
	}
	.dna-block-slider-header .slides {
		width: 1000%;
		height: 100%;
		transition: transform 500ms;
	}
	.dna-block-slider-header .slide {
		display: block;
		height: 100%;
		width: 10%;
		position: relative;
		float: left;
	}

	/* Just to make it display well before the page init */
	.dna-block-slider-header > .slide {
		display: none;
	}
	.dna-block-slider-header > .slide:first-child {
		position: absolute;
		display: block;
		width: 100%;
		z-index: 3;
	}

	.dna-block-slider-header .slide img {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		object-fit: cover;
		z-index: 1;
	}
	.dna-block-slider-header .slide:after {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		bottom: 0;
		z-index: 2;
		/*background: linear-gradient(12deg, rgba(0,0,0,0.4) 0%,rgba(0,0,0,.1) 50%);*/

		background: #000;
		opacity: .5;

	}
	.dna-block-slider-header h1 {
		position: absolute;
		max-width: 1150px;
		margin: 0 auto;
		left: 0;
		right: 0;
		top: 0;
		display: flex;
		align-items: center;
		height: 100%;
		z-index: 3;
		padding: 20px;
		text-shadow: 2px 2px 2px rgba(0,0,0,.3);
		color: white;
	}


  /********************************/
 /***   STANDARD PAGE CONTENT  ***/
/********************************/

	.dna-block-date-author {
		display: block;
		text-align: center;
		font-size: 16px;
		color: #C4C4C4;
		margin: 20px 0;
	}


  /********************************/
 /***   STANDARD PAGE CONTENT  ***/
/********************************/

	.block-content-editor {
		max-width: 750px;
		position: relative;
		overflow: visible;
	}
	.single-post .block-content-editor {
		max-width: 890px;
	}
	.block-content-editor.shaded .shade {
		content: "";
		position: absolute;
		width: 300vw;
		height: calc(60px + 100%);
		background: #F7F3F2;
		z-index: -1;
		left: -50vw;
		top: -30px;
	}
	.wp-caption img {
		display: block;
	}
	.wp-caption .wp-caption-text {
		font-size: 12px;
		background: #EEE;
		padding: 5px;
	}
	figure {margin: 0;}
	@media (max-width:799px) {
		.alignleft,
		.alignright,
		.aligncenter,
		.alignleft img,
		.alignright img,
		.aligncenter img {
			width: 100% !important;
			height: auto;
		}
	}
	@media (min-width:800px) {
		.alignleft {
			float: left;
			margin: 0 10px 10px 0;
			max-width: 50%;
		}
		.alignright {
			float: right;
			margin: 0 0 10px 10px;
			max-width: 50%;
		}
		.aligncenter {
			display: block;
			margin: 0 auto;
		}
	}

	/* Collapsable blocks */
	.block-content-editor.collapsable>:first-child {
		padding-right: 50px;
	}
	.block-content-editor .collapse-control {
		position: absolute;
		width: 40px;
		height: 40px;
		top: 0px;
		right: 10px;
		cursor: pointer;
		background: url("data:image/svg+xml,%3Csvg width='60' height='60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='58.5' y='58.5' width='57' height='57' rx='28.5' transform='rotate(-180 58.5 58.5)' stroke='%231C4268' stroke-width='3'/%3E%3Cpath d='M16.66 33 30 22.5 43.34 33' stroke='%231C4268' stroke-width='3' stroke-miterlimit='10'/%3E%3C/svg%3E") center no-repeat;
		background-size: contain;
		transition: transform .2s;
	}
	.block-content-editor.collapsed .collapse-control {
		transform: rotate(180deg);
	}

  /***********************/
 /***   INTRODUCTION  ***/
/***********************/

	.block-introduction {
		max-width: 750px;
		font-size: 18px;
	}
	.single-post .block-introduction {
		max-width: 890px;
	}
	.block-introduction .primary-text {
		font-size: 22px;
		/*font-weight: 500;*/
	}
	@media (min-width: 800px) {
		/*.block-introduction {
			font-size: 24px;
		}*/
		.block-introduction .primary-text {
			font-size: 32px;
		}
	}
	
	.block-introduction a {
		text-decoration: underline;
		color: inherit;
	}
	.block-introduction a:hover {
		color: #E70000;
	}


  /****************/
 /***   QUOTE  ***/
/****************/

	.block-quote {
		max-width: 750px;
		font-size: 18px;
		text-align: center;
		overflow: visible;
	}
	@media (min-width: 800px) {
		.block-quote {
			font-size: 24px;
		}
	}
	.block-quote .quote-text {
		position: relative;
	}
	.block-quote .quote-text:before {
		content: "";
		width: 50px;
		height: 50px;
		position: absolute;
		top: -20px;
		left: -70px;
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='124' height='124'%3E%3Cpath fill='%23F7F3F2' d='M49.8 29a6 6 0 003-8l-4.9-10.3c-1.4-2.9-4.8-4.2-7.8-2.9a68.9 68.9 0 00-21.6 14A52.2 52.2 0 004 44.8C1.4 53.2 0 65 0 79.8v30.7a6 6 0 006 6h39.3a6 6 0 006-6V71.3a6 6 0 00-6-6H26.5a42.2 42.2 0 017-24.3 38 38 0 0116.3-12zM120.4 29a6 6 0 003-8l-4.9-10.2c-1.4-2.9-4.8-4.2-7.8-2.9a72.4 72.4 0 00-21.5 14 53.4 53.4 0 00-14.6 23 124 124 0 00-3.9 35v30.7a6 6 0 006 6H116a6 6 0 006-6V71.3a6 6 0 00-6-6H97.1a42.2 42.2 0 017-24.3 38 38 0 0116.3-12z'/%3E%3C/svg%3E") center no-repeat;
		background-size: contain;
	}
	

  /************************/
 /***   SECTION TITLE  ***/
/************************/

	.dna-block-section-title {
		text-align: center;
		margin-bottom: -20px;
	}
	@media (min-width: 800px) {
		.dna-block-section-title {
			margin-bottom: -30px;
		}
	}
	.dna-block-section-title.with-separator:before {
		content: "";
		display: block;
		width: 24px;
		height: 24px;
		margin: 0 auto 30px auto;
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 21 24'%3E%3Cpath fill='%231C4268' d='M19.496 15.11l-4.023-2.767 4.302-2.868a2.76 2.76 0 00.765-3.82 2.735 2.735 0 00-3.8-.768L13.08 7.324V2.757A2.75 2.75 0 0010.341 0a2.75 2.75 0 00-2.742 2.757v4.18L4.291 4.664a2.732 2.732 0 00-3.81.717 2.76 2.76 0 00.714 3.83l4.469 3.066-4.267 2.848a2.755 2.755 0 00-.765 3.815 2.743 2.743 0 003.805.773L7.6 17.597v3.652A2.745 2.745 0 0010.34 24a2.745 2.745 0 002.741-2.751v-3.866l3.309 2.274c1.252.86 2.959.539 3.815-.717a2.755 2.755 0 00-.709-3.83z'/%3E%3C/svg%3E") center no-repeat;
		background-size: contain;
	}

	.block-introduction-after-title {
		max-width: 750px;
		font-size: 18px;
		margin-top: 30px;
		margin-bottom: -30px;
	}


  /*******************/
 /***   TEASERS   ***/
/*******************/

	.dna-block-teasers {
		max-width: 900px;
	}
	.dna-block-teasers .teaser {
		display: block;
		background: #F4F4F4;
		padding: 20px;
		color: #1C4268;
		margin: 20px 0;
	}
	.dna-block-teasers .teaser.image-side .image {
		display: block;
		width: 100px;
		height: 50px;
		object-fit: contain;
		object-position: left;
	}
	.dna-block-teasers .teaser.image-large .image {
		width: calc(100% + 40px);
		position: relative;
		top: -20px;
		left: -20px;
	}
	.dna-block-teasers .teaser strong {
		display: block;
		font-size: 18px;
		font-weight: 500;
		line-height: 1.2;
		margin: 10px 0;
	}
	.dna-block-teasers .teaser .anchor {
		display: block;
		margin: 10px -20px -20px -20px;
		background: #1268A5;
		color: white;
		text-align: center;
		padding: 10px;
	}
	.dna-block-teasers .teaser.external .anchor {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 17'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5' d='M13.65 10.96v1.83c0 1.54-1.2 2.8-2.69 2.8H3.68A2.74 2.74 0 011 12.78V5.2c0-1.55 1.2-2.8 2.68-2.8h1.76M8.68 1H15v6.59M15 1L8.68 7.59'/%3E%3C/svg%3E");
		background-size: 20px;
		background-position: right 10px top 12px;
		background-repeat: no-repeat;
		padding-right: 40px;
	}
	.dna-block-teasers a.teaser:hover {
		background: #E8ECF0;
	}
	.dna-block-teasers a.teaser:hover .anchor {
		background-color: #E70000;
	}
	@media (min-width: 800px) {
		.dna-block-teasers .teaser {
			padding: 20px 40px 40px 40px;
			position: relative;
		}
		.dna-block-teasers .teaser.image-side {
			padding: 20px 120px 40px 180px;
			min-height: 180px;
		}
		.dna-block-teasers .teaser.image-side .image {
			width: 100px;
			height: 100px;
			position: absolute;
			top: 40px;
			left: 40px;
		}
		.dna-block-teasers .teaser.image-large .image {
			width: calc(100% + 80px);
			left: -40px;
		}
		.dna-block-teasers .teaser strong {
			font-size: 25px;
		}
		.dna-block-teasers .teaser .anchor {
			position: absolute;
			bottom: 0;
			right: 0;
			margin: 0;
		}
	}

	/* Hybrid teasers with dropdown */
	/*.dna-block-teasers .teaser.with-dropdown {
		position: relative;
		padding-bottom: 40px;
	}
	.dna-block-teasers .teaser.with-dropdown .more {
		display: none;
	}
	.dna-block-teasers .teaser.with-dropdown .more-switch {
		display: block;
		position: absolute;
		bottom: 0;
		right: 0;
		width: 40px;
		height: 40px;
		background: #1268A5;
		color: white;
		text-align: center;
		cursor: pointer;
	}
	.dna-block-teasers .teaser.with-dropdown .more-switch:hover {
		background: #E70000;
	}
	.dna-block-teasers .teaser.with-dropdown .more-switch:before {
		content: "+";
		font-size: 30px;
		line-height: 40px;
	}
	.dna-block-teasers .teaser.with-dropdown.expanded .more-switch:before {
		content: "-";
	}*/


  /*********************/
 /***   NEWS LIST   ***/
/*********************/

	.dna-block-news {
		max-width: 900px;
	}
	.dna-block-news .news-item {
		display: block;
		padding: 10px;
		color: #1C4268;
		line-height: 1.3;
		font-size: 14px;
	}
	.dna-block-news .news-item:hover {
		background: #E8ECF0;
	}
	.dna-block-news .news-item img {
		width: 100%;
		display: block;
	}
	.dna-block-news .news-item strong {
		display: block;
		font-size: 18px;
		margin: 8px 0 3px 0;
	}
	.dna-block-news .news-item .meta {
		display: block;
		font-weight: bold;
		font-size: 12px;
		color: #C4C4C4;
		padding-top: 10px;
	}
	@media (min-width: 800px) {
		.dna-block-news {
			display: flex;
			flex-wrap: wrap;
		}
		.dna-block-news .news-item {
			flex-basis: 33.3333%;
		}
	}


  /*********************/
 /***   DROPDOWNS   ***/
/*********************/

	.dna-block-dropdowns {
		max-width: 900px;
		margin: 50px auto 70px auto;
		padding: 0 20px;
	}
	.dna-block-dropdowns .dropdown {
		display: block;
		background: #F4F4F4;
		padding: 20px 20px 50px 20px;
		color: #1C4268;
		margin: 20px 0;
		position: relative;
		/*min-height: 180px;*/
	}
	.dna-block-dropdowns .dropdown .illustration {
		display: block;
		width: 50px;
		height: 50px;
		object-fit: contain;
	}
	.dna-block-dropdowns .dropdown strong {
		display: block;
		font-size: 18px;
		margin: 10px 0;
		line-height: 1.2;
	}
	.dna-block-dropdowns .dropdown p {
		margin: 10px 0;
	}
	.dna-block-dropdowns .dropdown h2,
	.dna-block-dropdowns .dropdown h3,
	.dna-block-dropdowns .dropdown h4 {
		margin: 30px 0 10px 0;
	}
	.dna-block-dropdowns .dropdown .more {
		display: none;
	}
	.dna-block-dropdowns .dropdown.expanded .more {
		/*display: block;*/
	}
	.dna-block-dropdowns .dropdown .more-switch {
		display: block;
		position: absolute;
		bottom: 0;
		right: 0;
		width: 40px;
		height: 40px;
		background: #1268A5;
		color: white;
		text-align: center;
		cursor: pointer;
	}
	.dna-block-dropdowns .dropdown .more-switch:hover {
		background: #E70000;
	}
	.dna-block-dropdowns .dropdown .more-switch:before {
		content: "+";
		font-size: 30px;
		line-height: 40px;
	}
	.dna-block-dropdowns .dropdown.expanded .more-switch:before {
		content: "-";
	}
	.dna-block-dropdowns .gallery {
		display: flex;
		margin: 20px -10px 20px 0;
	}
	.dna-block-dropdowns .gallery a {
		flex-basis: 50%;
		margin-right: 10px;
	}
	.dna-block-dropdowns .gallery a img {
		width: 100%;
		display: block;
	}
	@media (min-width: 800px) {
		.dna-block-dropdowns .dropdown {
			padding: 20px 40px 40px 40px;
		}
		.dna-block-dropdowns .dropdown.with-illustration {
			padding: 20px 120px 40px 180px;
		}
		.dna-block-dropdowns .dropdown .illustration {
			width: 100px;
			height: 100px;
			position: absolute;
			top: 40px;
			left: 40px;
		}
		.dna-block-dropdowns .dropdown.case-study {
			/*min-height: 140px;*/
		}
		.dna-block-dropdowns .dropdown.case-study .illustration {
			top: 20px;
			left: 20px;
		}
		.dna-block-dropdowns .dropdown strong {
			font-size: 25px;
		}
	}


  /*******************/
 /***   METHODS   ***/
/*******************/

	.dna-block-methods {
		max-width: 900px;
	}
	.dna-block-methods .method {
		display: block;
		background: #F4F4F4;
		padding: 20px;
		color: #1C4268;
		margin: 20px 0;
		position: relative;
	}
	.dna-block-methods .method .illustration {
		display: block;
		width: 50px;
		height: 50px;
		object-fit: contain;
	}
	.dna-block-methods .method strong {
		display: block;
		font-size: 18px;
		font-weight: 500;
		line-height: 1.2;
		margin: 10px 0;
	}
	.dna-block-methods .method + .method {
		margin-top: 70px;
	}
	.dna-block-methods .method + .method:before {
		content: "";
		display: block;
		position: absolute;
		left: calc(50% - 30px);
		top: -45px;
		width: 60px;
		height: 20px;
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 58 24'%3E%3Cpath stroke='%23AAA' stroke-linecap='round' stroke-linejoin='round' stroke-width='6' d='M3 3l26 18L55 3'/%3E%3C/svg%3E") center no-repeat;
		background-size: contain;
	}
	@media (min-width: 800px) {
		.dna-block-methods .method {
			padding: 20px 120px 40px 180px;
			min-height: 160px;
		}
		.dna-block-methods .method .illustration {
			width: 100px;
			height: 100px;
			position: absolute;
			top: 40px;
			left: 40px;
		}
		.dna-block-methods .method strong {
			font-size: 25px;
		}
	}


  /***********************/
 /***   SIMPLE LIST   ***/
/***********************/

	.dna-block-simple-list {
		max-width: 750px;
		font-size: 18px;
		list-style-type: none;
	}

	.dna-block-simple-list li {
		padding: 5px 0 5px 24px;
		position: relative; 
	}
	.dna-block-simple-list li:before {
		content: "";
		display: inline-block;
		width: 16px;
		height: 16px;
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 21 24'%3E%3Cpath fill='%231C4268' d='M19.496 15.11l-4.023-2.767 4.302-2.868a2.76 2.76 0 00.765-3.82 2.735 2.735 0 00-3.8-.768L13.08 7.324V2.757A2.75 2.75 0 0010.341 0a2.75 2.75 0 00-2.742 2.757v4.18L4.291 4.664a2.732 2.732 0 00-3.81.717 2.76 2.76 0 00.714 3.83l4.469 3.066-4.267 2.848a2.755 2.755 0 00-.765 3.815 2.743 2.743 0 003.805.773L7.6 17.597v3.652A2.745 2.745 0 0010.34 24a2.745 2.745 0 002.741-2.751v-3.866l3.309 2.274c1.252.86 2.959.539 3.815-.717a2.755 2.755 0 00-.709-3.83z'/%3E%3C/svg%3E") center no-repeat;
		background-size: contain;
		position: absolute;
		top: 10px;
		left: 0;
	}
	@media (min-width: 800px) {
		.dna-block-simple-list {
			display: flex;
			flex-wrap: wrap;
			padding: 60px 20px;
			font-size: 24px;
		}
		.dna-block-simple-list li {
			flex-basis: 50%;
		}
		.dna-block-simple-list li:before {
			top: 15px;
		}

	}

	
  /************************/
 /***   PAGE FILTERS   ***/
/************************/

	.dna-block-page-filters {
		background: #C4C4C4;
		color: #1C4268;
		max-width: 1110px;
		padding: 20px;
	}
	/*body.page-template-page-about .dna-block-page-filters {
		max-width: 1110px;
	}*/
	.dna-block-page-filters .filter-group {
		padding: 10px 0;
	}
	.dna-block-page-filters .filter-group h4 {
		margin-bottom: 10px;
	}
	.dna-block-page-filters .filter {
		display: inline-block;
		margin: 0 4px 8px 0;
		background: #EEE;
		color: #1C4268;
		padding: 5px 15px;
		cursor: pointer;
	}
	.dna-block-page-filters .filter:hover {
		background: #FFF;
	}
	.dna-block-page-filters .filter.selected {
		background: #1268A5;
		color: #FFF;
	}
	@media (min-width: 800px) {
		.dna-block-page-filters:not(.multifilter) {
			text-align: center;
		}
		.dna-block-page-filters {
			padding: 20px 60px;
		}
		.dna-block-page-filters .filter-group h4 {
			font-size: 24px;
		}
		/*.dna-block-page-filters.multifilter .dna-page-container {
			display: flex;
			justify-content: space-between;
		}
		.dna-block-page-filters.multifilter .filter-group {
			flex-basis: calc(50% - 50px); 
		}*/
	}
	@media (min-width: 1200px) {
		.dna-block-page-filters.multifilter .dna-page-container {
			padding: 0 60px;
		}
	}


  /********************/
 /***   TIMELINE   ***/
/********************/

	.dna-block-timeline {
		position: relative;
		max-width: 1000px;
	}
	.dna-block-timeline .event {
		padding-left: 40px;
		margin-bottom: 20px;
		position: relative;
	}
	/* Gray line */
	.dna-block-timeline .event:before {
		content: "";
		display: block;
		position: absolute;
		width: 4px;
		height: calc(100% + 20px);
		top: 15px;
		left: 8px;
		background: #C4C4C4;
	}
	.dna-block-timeline .event:last-child:before {
		display: none;
	}

	/* Blue dot */
	.dna-block-timeline .event:after {
		position: absolute;
		content: "";
		display: block;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		left: 0;
		top: 12px;
		background: #1C4268;
	}
	.dna-block-timeline .event .event-date {
		font-size: 30px;
	}
	.dna-block-timeline .event .details {
		background: #F4F4F4;
	}
	.dna-block-timeline .event .details strong {
		display: block;
		padding: 10px 20px;
		font-size: 18px;
	}
	.dna-block-timeline .event .details .text {
		padding: 0 20px 10px 20px;
	}
	.dna-block-timeline .event.with-illustration .illustration {
		width: 100%;
	}
	@media (min-width: 800px) {
		.dna-block-timeline .event {
			padding-left: 170px;
		}
		.dna-block-timeline .event:before {
			left: 18px;
		}
		.dna-block-timeline .event:after {
			width: 40px;
			height: 40px;
		}
		.dna-block-timeline .event .event-date {
			position: absolute;
			top: 10px;
			left: 50px;
		}
		.dna-block-timeline .event .details strong {
			font-size: 25px;
		}
		.dna-block-timeline .event.with-illustration .details {
			position: relative;
			min-height: 200px;
			padding-left: 300px;
		}
		.dna-block-timeline .event.with-illustration .illustration {
			position: absolute;
			top: 0;
			left: 0;
			height: 200px;
			width: 300px;
			object-fit: cover;
		}
	}


  /************************/
 /***   CONTACT FORM   ***/
/************************/

	.dna-block-contact-form {
		background: #F4F4F4;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.dna-block-contact-form form {
		max-width: 700px;
		margin: 0 auto;
	}
	@media (min-width: 800px) {
		.dna-block-contact-form form {
			display: flex;
			flex-wrap: wrap;
		}
	}