#cookienotice {
	width: 96%;

	position: fixed;
	z-index: 1000;
	top: 100%;
	left: 2%;
	transform: translateY(0%);
	transition: transform 0.3s ease-out;

	/*padding: 5px 100px 5px 20px;*/
	color: #fff;
	background: rgba(69, 178, 3, 0.92);
	border-spacing: 20px 10px;
}
body.load #cookienotice.notify {
	transform: translateY(-110%);
	transition: transform 0.5s ease-out 0.5s;
}

#cookienotice a {
	color: #fff;
	cursor: pointer;
}

#cookienotice a span {
	text-decoration: underline;
	white-space: nowrap;
}

#cookienotice a[href="#"] span {
	font-size: 20px;
	padding: 6px 32px;
	border: solid 1px white;
	text-decoration: none;
}



@media (max-width: 815px) {
	#cookienotice {
		text-align: center;
	}
	#cookienotice a {
		display: block;
		padding: 10px 20px 20px;

	}

}



@media (min-width: 816px) {
	#cookienotice {
		display: table;
	}
	#cookienotice a {
		display: table-cell;
		vertical-align: middle;
	}

}




/*
@media screen and (min-width: 556px), print and (min-width: 515px) {
	.content.transparent .cell:not(:empty) {
		margin: 1.5em 0;
		padding: 0.5em 1em 0.7em;
		padding: 1rem 1.2rem;
		background-color: #fff;
	}

	.content.transparent .cell > :first-child,
	.content.transparent .cell > :first-child > :first-child,
	.content.transparent .cell > :first-child > :first-child > :first-child,
	.content.transparent .cell > :first-child > :first-child > :first-child > :first-child {
		margin-top: 0 !important;
	}
	.content.transparent .cell > :last-child,
	.content.transparent .cell > :last-child > :last-child,
	.content.transparent .cell > :last-child > :last-child > :last-child,
	.content.transparent .cell > :last-child > :last-child > :last-child > :last-child {
		margin-bottom: 0 !important;
	}

	.cell + .cell:not(:empty) {
		margin-top: -1em !important;
	}
}
*/



@media screen {

	.cell {
		margin: 1rem 0;
		padding: 1rem;
		background-color: #eceeec;
	}

	.cell > :first-child,
	.cell > :first-child > :first-child,
	.cell > :first-child > :first-child > :first-child {
		margin-top: 0;
	}
	.cell > :last-child,
	.cell > :last-child > :last-child,
	.cell > :last-child > :last-child > :last-child {
		margin-bottom: 0;
	}

}

@media print {
	.cell {
		page-break-inside: avoid;
	}
}



.columns {
	margin-top: 1.6rem;
	margin-bottom: 1.6rem;
}
form .columns {
	margin-top: 0;
	margin-bottom: 1rem;
}
@media screen and (max-width: 555px), print and (max-width: 515px) {
	form .columns > * {
		margin: 0 0 1rem;
	}
}


@media screen and (min-width: 556px), print and (min-width: 516px) {

	.columns {
		display: table;
		margin-left: -1.6rem;
		width: calc(100% + 1.6rem);
	}
	.columns + .columns {
		margin-top: -0.2em;
	}

	.columns > * {
		display: table-cell;
		vertical-align: top;
		border-left: solid 1.6rem transparent;
		background-clip: padding-box;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}

	.columns > *:nth-child(n):nth-last-child(n+2)
	,.columns > *:nth-child(n+2):nth-last-child(n) {
		width: 50%;
	}
	.columns > *:nth-child(n):nth-last-child(n+3)
	,.columns > *:nth-child(n+2):nth-last-child(n+2)
	,.columns > *:nth-child(n+3):nth-last-child(n) {
		width: 33.3333%;
	}
	.columns > *:nth-child(n):nth-last-child(n+4)
	,.columns > *:nth-child(n+2):nth-last-child(n+3)
	,.columns > *:nth-child(n+3):nth-last-child(n+2)
	,.columns > *:nth-child(n+4):nth-last-child(n) {
		width: 25%;
	}
	.columns > *:nth-child(n):nth-last-child(n+5)
	,.columns > *:nth-child(n+2):nth-last-child(n+4)
	,.columns > *:nth-child(n+3):nth-last-child(n+3)
	,.columns > *:nth-child(n+4):nth-last-child(n+2)
	,.columns > *:nth-child(n+5):nth-last-child(n) {
		width: 20%;
	}


	.columns.c12 > :nth-child(n+2):nth-last-child(n),
	.columns.c21 > :nth-child(n):nth-last-child(n+2) {
		width: 66.66666%;
	}
	.columns.c12 > :nth-child(n):nth-last-child(n+2),
	.columns.c21 > :nth-child(n+2):nth-last-child(n) {
		width: 33.33333%;
	}

	.columns > * > :first-child,
	.columns > * > :first-child > :first-child,
	.columns > * > :first-child > :first-child > :first-child {
		margin-top: 0 !important;
	}
	.columns > * > :last-child,
	.columns > * > :last-child > :last-child,
	.columns > * > :last-child > :last-child > :last-child {
		margin-bottom: 0 !important;
	}
}



.columns img {
	width: 100% !important;
	/*max-width: 350px !important;*/
	height: auto !important;
}

.template-home .columns h3 {
	font-weight: 400;
}

.object38 .columns {
}

.object38 .columns > :last-child {
	vertical-align: middle;
	text-align: center;
}





	.content {
		overflow: hidden;
	}

	.content .contentwrapper {
		position: relative;
		display: table;
		margin-top: 1.6rem;
		margin-bottom: 1.6rem;
	}

	.template-home .content .contentwrapper {
		height: 48vh;
	}

	.content .heightwrapper {
		display: table-cell;
		vertical-align: middle;
	}


	.content .heightwrapper > :first-child,
	.content .heightwrapper > :first-child > :first-child,
	.content .heightwrapper > :first-child > :first-child > :first-child,
	.content .heightwrapper > :first-child > :first-child > :first-child > :first-child,
	.content .heightwrapper > :first-child > :first-child > :first-child > :first-child > :first-child,
	.content .element_containerwrapper > :first-child,
	.content .element_containerwrapper > :first-child > :first-child,
	.content .element_containerwrapper > :first-child > :first-child > :first-child,
	.content .element_containerwrapper > :first-child > :first-child > :first-child > :first-child,
	.content .element_containerwrapper > :first-child > :first-child > :first-child > :first-child > :first-child {
		margin-top: 0 !important;
	}
	.content .heightwrapper > :last-child,
	.content .heightwrapper > :last-child > :last-child,
	.content .heightwrapper > :last-child > :last-child > :last-child,
	.content .heightwrapper > :last-child > :last-child > :last-child > :last-child,
	.content .heightwrapper > :last-child > :last-child > :last-child > :last-child > :last-child,
	.content .element_containerwrapper > :last-child,
	.content .element_containerwrapper > :last-child > :last-child,
	.content .element_containerwrapper > :last-child > :last-child > :last-child,
	.content .element_containerwrapper > :last-child > :last-child > :last-child > :last-child,
	.content .element_containerwrapper > :last-child > :last-child > :last-child > :last-child > :last-child {
		margin-bottom: 0 !important;
	}

@media screen and (min-width: 556px) {

}










.content {
	position: relative;
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-size: cover;
}
.content.panel1 {
	background-image: url('../images/home_white.jpg');
}

.content.panel1::before {
	display: block;
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 50%;
	height: calc(100% - 75px);

	background-image: url('../images/telomerase.gif'), url('../images/telomerase.svg');
	background-size: auto 90%;
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.content.panel2 {
	background-image: url('../images/home_newsblue.jpg');
	background-position: 20% 0;
}
.content.panel3 {
	background-image: url('../images/home_bloodcells.jpg');
	background-position: 50% 50%;
}
.content.panel4 {
	background-image: url('../images/home_white.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

.content.panel4::before {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;

	background-image: url('../images/hands.png');
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: 100% 100%;

}


@media (max-width: 1474px) {
}

.content.panel5 {
	background-image: url('../images/home_horse.jpg');
	background-position: 50% 60%;
}

.content.panel1 .contentwrapper::after
,.content.panel2 .contentwrapper::before
,.content.panel3 .contentwrapper::after
,.content.panel4 .contentwrapper::before
,.content.panel5 .contentwrapper::after
{
	display: table-cell;
	content: "";
	width: 50%;
}

.content.panel1 .heightwrapper
,.content.panel3 .heightwrapper
{
	padding-right: 30px;
}

.content.panel2 .heightwrapper
,.content.panel4 .heightwrapper
{
	padding-left: 30px;
}

.content.panel5 .heightwrapper
{
	padding-bottom: 240px;
}


.content.panel1 .heightwrapper > *
,.content.panel4 .heightwrapper > *
{
	color: #005f9f;
}
.content.panel2 .heightwrapper > *
,.content.panel3 .heightwrapper > *
,.content.panel5 .heightwrapper > *
,.content.panel2 .element_containerwrapper > *
,.content.panel3 .element_containerwrapper > *
,.content.panel5 .element_containerwrapper > *
{
	color: #fff;
}





















.grid {
	margin-top: 1.6em;
	margin-bottom: 1.6em;
}

.grid > * {
	position: relative;
	margin-top: 1.6em;
	margin-bottom: 1.6em;
	padding: 10px 20px 10px;

	background: #005f9f padding-box;
	font-size: 0.9rem;
}

.notmobile #object37 .grid > *:hover {
	background-color: #0087da;
}


.grid > * > :first-child,
.grid > * > :first-child > :first-child,
.grid > * > :first-child > :first-child > :first-child,
.grid > * > :first-child > :first-child > :first-child > :first-child {
	margin-top: 0;
}

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


.grid > * * {
	color: #fff;
}


.grid > * > div:first-child {
	height: 160px;
	overflow: hidden;
	margin: -10px -20px 0.5em;
	font-size: 1em;
}
.grid > * > div:first-child img {
	margin-top: -27% !important;
	display: block;
}
.grid > * > div:first-child + * {
	margin-top: 10px !important;
}

.notmobile .grid a.modal:hover {
	color: #fff;
}

.grid a.modal::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.grid img {
	display: block;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
    height: auto !important;
    max-width: 350px !important;
    width: 100% !important;
    border: none !important;
}


@media (min-width: 360px) {

	.grid {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;

		-webkit-box-flex-wrap: wrap;
		-moz-box-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;

		width: calc(100% + 1.25em);
		margin: 0.4em 0 0 -1.25em;
	}
	.grid > * {

		display: block;
		overflow: hidden;
		width: 50%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;

		margin: 0;
		border-top: 1.2em solid transparent;
		border-left: 1.25em solid transparent;

		vertical-align: top;
		word-wrap: break-word;

	}

	.grid > * > div:first-child {
		height: auto;
	}
	.grid > * > div:first-child img {
		margin-top: 0 !important;
	}




	.lt-ie10 .grid {
		display: block;
		margin: -1.2em 0 0 -1.25em;
	}
	.lt-ie10 .grid > * {
		width: 100%;
	}
}

@media (min-width: 560px) {
	.grid > * {
		width: 33.333%;
		font-size: 0.85rem;
	}
}

@media (min-width: 1015px) {

	.grid {
		width: calc(100% - 2.5em);
		margin: -1em 2.5em 0 0;
	}
	.grid > * {
		border-top: 2.4em solid transparent;
		border-left: 2.5em solid transparent;
		font-size: 0.778rem;
	}
}












.pipeline.grid {
	width: calc(100% + 2.5rem);
	margin: -1rem 0 0 -2.5rem;
}

.pipeline.grid > * {
	position: relative;
	width: 100%;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	padding-bottom: 51px;
	background-color: #eceeec;
	border-left: 2.5rem solid transparent;
	font-size: 1rem;
	box-shadow: none;
	-webkit-transition: transform 300ms ease, box-shadow 300ms ease;
	   -moz-transition: transform 300ms ease, box-shadow 300ms ease;
			transition: transform 300ms ease, box-shadow 300ms ease;
}
.notmobile .pipeline.grid > *:hover {
	-webkit-transform: scale(1.1);
	   -moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
			transform: scale(1.1);
}

@media (min-width: 560px) {
	.pipeline.grid > * {
		width: 50%;
		padding-bottom: 160px;
		background-color: #eceeec;
		border-left: 2.5rem solid transparent;
		font-size: 1rem;
		box-shadow: none;
		-webkit-transition: transform 300ms ease, box-shadow 300ms ease;
		   -moz-transition: transform 300ms ease, box-shadow 300ms ease;
				transition: transform 300ms ease, box-shadow 300ms ease;
	}
}

.pipeline.grid > * * {
	color: #005f9f;
}

.pipeline h2,
.pipeline .h2 {
	margin: -0.333rem 0 0.667rem 0;
}

.pipeline .h2.phase {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	margin: 0;
	padding: 10px 20px;
	background: #005f9f;
	font-weight: 300;
	color: #fff;
}

.pipeline .h4.partner {
	font-size: 0.667rem;
}

@media (min-width: 560px) {
	.pipeline .h4.partner {
		position: absolute;
		bottom: 51px;
		right: 0;
		width: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		margin: 0;
		padding: 0 20px;

	}
}

.pipeline img.IMbark,
.pipeline img.IMerge {
	max-width: 175px !important;
}
.pipeline img.janssen {
	max-width: 280px !important;
}

.pipeline p:not([class]) {
	margin: 0 0 0.667rem;
	font-size: 0.889rem;
	line-height: 1.5;
	color: #000;
}


.pipeline a.trial::before {
	display: block;
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

background-image: url('../images/link.png'), url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMDAgMzAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDAgMzAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPGc+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZD0iTTE0OS45OTYsMEM2Ny4xNTcsMCwwLjAwMSw2Ny4xNjEsMC4wMDEsMTQ5Ljk5N1M2Ny4xNTcsMzAwLDE0OS45OTYsMzAwczE1MC4wMDMtNjcuMTYzLDE1MC4wMDMtMTUwLjAwMyAgICAgUzIzMi44MzUsMCwxNDkuOTk2LDB6IE0yMjUuMzYzLDEyMy4zMDJsLTM2LjY4NiwzNi42ODZjLTMuOTc5LDMuOTc5LTkuMjY5LDYuMTctMTQuODk1LDYuMTdjLTUuNjI1LDAtMTAuOTE2LTIuMTkyLTE0Ljg5NS02LjE2OCAgICAgbC0xLjQzNy0xLjQzN2wtMy45MDYsMy45MDZsMS40MzQsMS40MzRjOC4yMTQsOC4yMTQsOC4yMTQsMjEuNTc5LDAsMjkuNzkzbC0zNi42ODEsMzYuNjg2Yy0zLjk3OSwzLjk3OS05LjI2OSw2LjE3LTE0Ljg5OCw2LjE3ICAgICBjLTUuNjI4LDAtMTAuOTE5LTIuMTkyLTE0LjktNi4xNzNMNzQuNjM0LDIxNi41Yy04LjIxNC04LjIwOS04LjIxNC0yMS41NzMtMC4wMDMtMjkuNzlsMzYuNjg5LTM2LjY4NCAgICAgYzMuOTc5LTMuOTc5LDkuMjY5LTYuMTcsMTQuODk4LTYuMTdzMTAuOTE2LDIuMTkyLDE0Ljg5OCw2LjE3bDEuNDMyLDEuNDMybDMuOTA2LTMuOTA2bC0xLjQzMi0xLjQzMiAgICAgYy04LjIxNC04LjIxMS04LjIxNC0yMS41NzYtMC4wMDUtMjkuNzlsMzYuNjg5LTM2LjY4NmMzLjk4MS0zLjk4MSw5LjI3Mi02LjE3MywxNC44OTgtNi4xNzNzMTAuOTE2LDIuMTkyLDE0Ljg5OCw2LjE3ICAgICBsMTMuODY4LDEzLjg3M0MyMzMuNTc3LDEwMS43MjMsMjMzLjU3NywxMTUuMDksMjI1LjM2MywxMjMuMzAyeiIgZmlsbD0iIzAwNWY5ZiIvPgoJCQk8cGF0aCBkPSJNMTQyLjUzOSwxNzMuNDU5bC03LjA5Myw3LjA5M2wtMTEuMDAyLTEwLjk5OWw3LjA5My03LjA5M2wtMS40MzItMS40MzJjLTEuMDQtMS4wMzctMi40MjItMS42MTEtMy44OS0xLjYxMSAgICAgYy0xLjQ3MSwwLTIuODUzLDAuNTczLTMuODkzLDEuNjExbC0zNi42ODYsMzYuNjgxYy0yLjE0NSwyLjE0Ny0yLjE0NSw1LjYzOCwwLDcuNzgzbDEzLjg3LDEzLjg3MyAgICAgYzIuMDgzLDIuMDgzLDUuNzA4LDIuMDgsNy43ODYsMC4wMDNsMzYuNjgxLTM2LjY4NmMyLjE0OC0yLjE0NywyLjE0OC01LjY0MSwwLTcuNzg5TDE0Mi41MzksMTczLjQ1OXoiIGZpbGw9IiMwMDVmOWYiLz4KCQkJPHBhdGggZD0iTTIwMC40OTMsOTAuNjQzYy0xLjA0LTEuMDQtMi40MjUtMS42MTMtMy44OTYtMS42MTNjLTEuNDcxLDAtMi44NTYsMC41NzMtMy44OTYsMS42MTZsLTM2LjY4NiwzNi42ODQgICAgIGMtMi4xNDIsMi4xNDctMi4xNDIsNS42MzgsMC4wMDMsNy43ODZsMS40MzQsMS40MzJsMTAuODgtMTAuODgzbDExLjAwMiwxMS4wMDJsLTEwLjg4LDEwLjg4M2wxLjQzNCwxLjQzNCAgICAgYzIuMDgzLDIuMDc3LDUuNzAzLDIuMDgsNy43ODYtMC4wMDNsMzYuNjg0LTM2LjY4MWMyLjE0NS0yLjE0NywyLjE0NS01LjYzOCwwLTcuNzg2TDIwMC40OTMsOTAuNjQzeiIgZmlsbD0iIzAwNWY5ZiIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);

	background-size: 32px 32px;
	background-position: calc(100% - 10px) 10px;
	background-repeat: no-repeat;
}


@media screen  {


	.popup {
		margin: 2em 0;
		padding: 20px 30px;
		background: #fff;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.popup > :first-child,
	.popup > :first-child > :first-child,
	.popup > :first-child > :first-child > :first-child,
	.popup > :first-child > :first-child > :first-child > :first-child,
	.popup > :first-child > :first-child > :first-child > :first-child > :first-child {
		margin-top: 0;
	}
	.popup > :last-child {
		margin-bottom: 0;
	}

	.local .popup {
		display: none;
		margin: 0;
		overflow-y: auto;
	}
	.modal-active .popup.active {
		display: block;
	}

}

@media print {
	.popup {
		page-break-inside: avoid;
	}
}


@media screen and (min-width: 800px) {

	.local .popup {
		display: none;
		position: relative;
		z-index: 99;
		left: 0;
		float: left;
		width: 100%;
		overflow-y: auto;
		margin-right: -740px;
		padding: 20px 30px;

		background: #fff;
		box-shadow: 0px 0px 30px 4px rgba(58, 73, 90, 0.3);
		opacity: 1;

		-webkit-transition: opacity 500ms ease, left 500ms ease, transform 500ms ease;
		   -moz-transition: opacity 500ms ease, left 500ms ease, transform 500ms ease;
			 -o-transition: opacity 500ms ease, left 500ms ease, transform 500ms ease;
				transition: opacity 500ms ease, left 500ms ease, transform 500ms ease;
	}

	.local .popup.background {
		opacity: 0;
		-webkit-transform: scale(0.85);
		   -moz-transform: scale(0.85);
			-ms-transform: scale(0.85);
				transform: scale(0.85);
		left: -300px;
	}
	.local .popup.foreground {
		opacity: 0;
		-webkit-transform: scale(1.15);
		   -moz-transform: scale(1.15);
			-ms-transform: scale(1.15);
				transform: scale(1.15);
		left: 300px;
	}


	#modal-box .popup {
		display: block;
	}
	.modal-active .popup.active {
		z-index: 100;
	}

	.lt-ie9 #modal-box .popup {
		display: none;
	}
	.lt-ie9 #modal-box .popup.active {
		display: block;
	}

}


@media screen and (min-width: 916px) {
	.local .popup {
		margin-right: -960px;
	}
}

@media screen and (min-width: 1016px) {
	.local .popup {
		margin-right: -960px;
	}
}

@media screen and (min-width: 1216px) {
	.local .popup {
		margin-right: -1080px;
	}
}





@media screen {

	#modal-box {
		display: table;
		position: fixed;
		z-index: 9999;
		top: 0;
		left: 9999px;

		width: 100%;
		height: 100%;
		background-color: rgb(255,255,255);
		background-color: rgba(255,255,255,0);

		-webkit-transition: background-color 400ms ease 400ms, left 1ms ease 800ms;
		   -moz-transition: background-color 400ms ease 400ms, left 1ms ease 800ms;
			 -o-transition: background-color 400ms ease 400ms, left 1ms ease 800ms;
				transition: background-color 400ms ease 400ms, left 1ms ease 800ms;
	}
	#modal-wrapper {
		display: table-cell;
		vertical-align: top;
		opacity: 0;

		-webkit-transition: opacity 400ms ease;
	       -moz-transition: opacity 400ms ease;
	    	 -o-transition: opacity 400ms ease;
	    		transition: opacity 400ms ease;
	}
	#modal-box-inner > :first-child {
		margin-top: 0;
	}

	.modal-active #modal-box {
		background-color: rgba(255,255,255,1);
		left: 0;

		-webkit-transition: background-color 400ms ease;
		   -moz-transition: background-color 400ms ease;
			 -o-transition: background-color 400ms ease;
				transition: background-color 400ms ease;

	}

	.modal-active #modal-wrapper {
		opacity: 1;

		-webkit-transition: opacity 400ms ease 400ms;
	       -moz-transition: opacity 400ms ease 400ms;
	    	 -o-transition: opacity 400ms ease 400ms;
	    		transition: opacity 400ms ease 400ms;

	}

	#modal-box .widthwrapper {
		width: auto;
		margin: 0;
	}

}

@media screen and (min-width: 800px) {

	#modal-box {
		display: table;
		position: fixed;
		z-index: 9999;
		top: 0;
		left: 9999px;

		width: 100%;
		height: 100%;
		background-color: rgb(0,0,0);
		background-color: rgba(0,0,0,0);

		-webkit-transition: background-color 400ms ease 400ms, left 1ms ease 800ms;
		-moz-transition: background-color 400ms ease 400ms, left 1ms ease 800ms;
		-o-transition: background-color 400ms ease 400ms, left 1ms ease 800ms;
		transition: background-color 400ms ease 400ms, left 1ms ease 800ms;
	}
	#modal-wrapper {
		display: table-cell;
		vertical-align: middle;
		opacity: 0;

		-webkit-transition: opacity 400ms ease;
	    -moz-transition: opacity 400ms ease;
	    -o-transition: opacity 400ms ease;
	    transition: opacity 400ms ease;
	}
	#modal-content {
		width: 700px;
		margin: 0 auto;
	}
	#modal-box-inner > :first-child {
		margin-top: 0;
	}
	.modal-active #modal-box {
		background-color: rgba(0,0,0,0.8);

		left: 0;

		-webkit-transition: background-color 400ms ease;
		-moz-transition: background-color 400ms ease;
		-o-transition: background-color 400ms ease;
		transition: background-color 400ms ease;

	}

	.modal-active #modal-wrapper {
		opacity: 1;

		-webkit-transition: opacity 400ms ease 400ms;
	    -moz-transition: opacity 400ms ease 400ms;
	    -o-transition: opacity 400ms ease 400ms;
	    transition: opacity 400ms ease 400ms;

	}

	#modal-box .widthwrapper {
		width: auto;
		margin: 0;
	}
}

@media screen and (min-width: 900px) {
	#modal-content {
		width: 740px;
	}
}
@media screen and (min-width: 1016px) {
	#modal-content {
		width: 880px;
	}
}







@media screen {

	#modal-box .modal-controls {
		display: none;
	}
	.modal-active #modal-box .modal-controls {
		display: block;
	}

}

@media screen and (max-width: 799px) {
	#modal-box .modal-close {
	    position: fixed;
	    right: 24px;
	    top: 10px;
	    height: 40px;
	    width: 40px;
	    z-index: 110;


	    background: rgba(1, 237, 1, 0.1);
	    border-radius: 25px;

	    -webkit-transition: background 300ms ease;
	       -moz-transition: background 300ms ease;
	    	 -o-transition: background 300ms ease;
	    		transition: background 300ms ease;
	}



	#modal-box .modal-close::after {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		   -moz-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
		padding: 0 0px 1px 0;

	    display: table-cell;
	    content: "×";
	    vertical-align: middle;

	    font-size: 30px;
	    line-height: 20px;
	    color: #6aae1d;
	    text-align: center;

	    -webkit-transition: color 300ms ease;
	       -moz-transition: color 300ms ease;
	    	 -o-transition: color 300ms ease;
	    		transition: color 300ms ease;
	}

	.local.notmobile #modal-box .modal-close:hover {
	    background: rgba(1, 237, 1, 0.8);
	}

	.local.notmobile #modal-box .modal-close:hover:after {
		color: #fff;
		cursor: pointer;
	}
}


@media screen and (min-width: 800px) {

	#modal-box .modal-controls {
		display: block;
		position: relative;
		height: 130px;
		width: 780px;
		margin: 0 auto;
	}

	.notmobile #modal-box .modal-close:hover,
	.notmobile #modal-box .modal-previous:hover,
	.notmobile #modal-box .modal-next:hover {
		cursor: pointer;
	}

	#modal-box .modal-close {
		position: absolute;
		right: 40px;
		top: -60px;
		height: 60px;
		width: 60px;
		z-index: 110;
		color: #6aae1d;
	}

	#modal-box .modal-close::after,
	#modal-box .modal-close::before {
		display: block;
		position: absolute;
		content: "";
		right: 3px;
		top: 50%;
		width: 50px;
		z-index: 110;
		border-top: solid 3px #6aae1d;
	}
	#modal-box .modal-close::after {
		-webkit-transform: rotate(-45deg);
		   -moz-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
				transform: rotate(-45deg);
	}
	#modal-box .modal-close::before {
		-webkit-transform: rotate(45deg);
		   -moz-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
				transform: rotate(45deg);
	}
	.notmobile #modal-box .modal-close:hover::after,
	.notmobile #modal-box .modal-close:hover::before {
		border-color: #01ed01;
	}


	#modal-box .modal-previous,
	#modal-box .modal-next {
		position: absolute;
		bottom: 0;
		z-index: 100;
		width: 3px;
	}
	#modal-box .modal-previous {
		left: 0;
		padding-right: 30px;
	}
	#modal-box .modal-next {
		right: 0;
		padding-left: 30px;
	}




	#modal-box .modal-previous:before {
		display: block;
		content: "";
		width: 3px;
		border-top: solid 40px #6aae1d;
		border-radius: 3px 3px 0 0;
		-webkit-transform: translate(14px,4px) rotate(35deg);
		   -moz-transform: translate(14px,4px) rotate(35deg);
			-ms-transform: translate(14px,4px) rotate(35deg);
				transform: translate(14px,4px) rotate(35deg);
		box-shadow: rgba(58, 73, 90, 0.3) 3px 1px 10px;
	}
	#modal-box .modal-previous:after {
		display: block;
		content: "";
		width: 3px;
		border-bottom: solid 40px #6aae1d;
		border-radius: 0 0 3px 3px;
		-webkit-transform: translate(14px,-4px) rotate(-35deg);
		   -moz-transform: translate(14px,-4px) rotate(-35deg);
			-ms-transform: translate(14px,-4px) rotate(-35deg);
				transform: translate(14px,-4px) rotate(-35deg);
		box-shadow: rgba(58, 73, 90, 0.3) 0px 9px 10px;
	}

	#modal-box .modal-next:before {
		display: block;
		content: "";
		width: 3px;
		border-top: solid 40px #6aae1d;
		border-radius: 3px 3px 0 0;


		-webkit-transform: translate(-14px,4px) rotate(-35deg);
		   -moz-transform: translate(-14px,4px) rotate(-35deg);
			-ms-transform: translate(-14px,4px) rotate(-35deg);
				transform: translate(-14px,4px) rotate(-35deg);
	}
	#modal-box .modal-next:after {
		display: block;
		content: "";
		width: 3px;
		border-bottom: solid 40px #6aae1d;
		border-radius: 0 0 3px 3px;
		-webkit-transform: translate(-14px,-4px) rotate(35deg);
		   -moz-transform: translate(-14px,-4px) rotate(35deg);
			-ms-transform: translate(-14px,-4px) rotate(35deg);
				transform: translate(-14px,-4px) rotate(35deg);
	}


	.notmobile #modal-box .modal-previous:hover:before,
	.notmobile #modal-box .modal-previous:hover:after,
	.notmobile #modal-box .modal-next:hover:before,
	.notmobile #modal-box .modal-next:hover:after {
		border-color: #01ed01;
	}
}

@media screen and (min-width: 900px) {
	#modal-box .modal-controls {
		width: 830px;
	}
}
@media screen and (min-width: 1016px) {
	#modal-box .modal-controls {
		width: 960px;
	}
}


#modal-box iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#modal-box iframe + img  {
	width: 100% !important;
	height: auto !important;
}