@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;
	}
}


.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;
		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%;
	}

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



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



	.template-home .columns > .cell {
		position: relative;
		margin: 1.5rem 0;
		padding: 1rem;

		background-color: #eaecf1;
		background-clip: padding-box;
		background-position: 50% 50%;
		background-size: cover;
		background-repeat: no-repeat;

		font-size: 0.9375rem;
		line-height: 1.267;
	}

	.template-home .columns > .cell > :last-child,
	.template-home .columns > .cell > :last-child > :last-child,
	.template-home .columns > .cell > :last-child > :last-child > :last-child,
	.template-home .columns > .cell > :last-child > :last-child > :last-child > :last-child,
	.template-home .columns > .cell .element_containerwrapper > :last-child,
	.template-home .columns > .cell .element_containerwrapper > :last-child > :last-child,
	.template-home .columns > .cell .element_containerwrapper > :last-child > :last-child > :last-child,
	.template-home .columns > .cell .element_containerwrapper > :last-child > :last-child > :last-child > :last-child {
		margin-bottom: 0 !important;
	}


	.template-home .cell h2 {
		margin: -1rem -1rem 0.75rem;
		padding: 0.4em 1rem 0.3rem;
		background: #2552af;
		color: #fff;
	}

	.template-home .cell ul {
		margin: -0.75rem -1rem 0.75rem;
		padding-left: 0;
		list-style: none;
	}
	.template-home .cell li {
		padding: 0.4em 1rem;
		border-bottom: solid 1px #fff;
	}

@media (min-width: 556px) {


}



.template-home .columns > .cell > .element_container {
	position: static;
}
.template-home .columns > .cell > .element_container > .element_shade {
	left: 0;
}


/*


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

	.collapsable {
		margin: 20px 0;
		background: #e0e4e9;
	}

	.collapse {
	    display: inline-block;
	    margin: 0;
	    padding: 10px 16px;
	    cursor: pointer;

		font-size: 0.9412rem;
		line-height: 20px;
		font-weight: 600;
		color: #32458c;

	}
	.collapse:hover {
		color: #fd9501;
	}

	.collapse.active {
	    background: #f0f2f4;
	}

	.collapsecontent {
		display: none;
		float: left;
		width: 100%;
		margin-right: -100%;
		margin-top: 40px;
		padding: 16px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background: #f0f2f4;
	}
	.collapsable .active + .collapsecontent {
		display: block;
	}
	.collapsecontent :first-child {
		margin-top: 0;
	}
	.collapsecontent :last-child {
		margin-bottom: 0;
	}

}



*/






/*

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

	.content {
		margin-top: 1.6rem;
		margin-bottom: 1.6rem;
	}

	#content .contentwrapper {
		position: relative;
	}

	.content:not(.transparent) {
		overflow: hidden;
		background-color: #fff;
	}
	.content:not(.transparent) .contentwrapper {
		padding: 0 1.2rem;
		margin-top: 1rem;
		margin-bottom: 1rem;
	}

	.content > * > :first-child,
	.content > * > :first-child > :first-child,
	.content > * > :first-child > :first-child > :first-child,
	.content > * > :first-child > :first-child > :first-child > :first-child,
	.content > * > :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 > * > :last-child,
	.content > * > :last-child > :last-child,
	.content > * > :last-child > :last-child > :last-child,
	.content > * > :last-child > :last-child > :last-child > :last-child,
	.content > * > :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;
	}


}

*/




.template-home .banner {
	padding: 2rem 60% 2rem 2rem;
	background-image: url(../images/banner.jpg);
	background-size: cover;
	background-position: 50% 0%;
}

.template-home .banner > * {
	width: 300px;
	font-size: 3rem;
	line-height: 1.125;
	color: #fff;
}

@media (min-width: 556px) {
	.template-home .banner {
		height: 300px;
	}
}

@media (min-width: 816px) {
	.template-home .banner {
		height: 400px;
	}
}
@media (min-width: 1016px) {
	.template-home .banner {
		height: 500px;
	}
}
@media (min-width: 1216px) {
	.template-home .banner {
		height: 600px;
		/*background-size: auto 110%;*/
	}
}




























.pipeline {
	position: relative;
	z-index: 0;
	margin: 1.25rem 0;

	font-size: 0.9375rem;
	line-height: 1.267;
	color: #000;
}
.pipeline.with-legend {
	margin-top: 2.8rem;
}



.pipeline .compound {
	margin: 2px 0;
	padding: 4px 0 4px 10px;
	position: relative;
}
.pipeline .compound::after {
	display: table;
	content: "";
	clear: both;
}

.pipeline h2 {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	margin-top: 1.8rem;
	margin-bottom: 0.3rem;

	font-size: 1.4rem;

}
.pipeline h2:first-child {
	margin-top: 0;
	margin-bottom: 1.7rem;
}


.pipeline .compound .name {
	padding-top: 6px;
	font-family: 'FranklinGothicURW-Med', sans-serif;
	font-size: 1.0625rem;
	line-height: 1.118;
}

.pipeline .detail {
	position: relative;
	display: table;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.pipeline .product
, .pipeline .indication
, .pipeline .logo
{
	display: table-cell;
	width: 100px;
	vertical-align: top;
	padding: 6px 10px 6px 0;
}
.pipeline .product {
	width: 120px;
}
.pipeline .phase {
	display: table-cell;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.phase-wrapper {
	display: table;
	width: 100%;
}
.phase-box {
	display: table-cell;
	width: 33.33333%;
	vertical-align: middle;
}
.compound .phase-box {
	height: 1.4rem;
}

.phase-box em {
	display: block;
	background-color: #2552af;
	background-clip: content-box;
	box-sizing: border-box;

	width: 0;
	height: 9px;
}
.fill-25  em { width: 25%; }
.fill-33  em { width: 33%; }
.fill-50  em { width: 50%; }
.fill-66  em { width: 66%; }
.fill-75  em { width: 75%; }
.fill-100 em { width: 100%; }

.phase-box span {
	display: block;
	/*background-color: #fff;*/
	background-clip: content-box;
	/*border-left: solid 2px transparent;*/

	/*color: #6c7287;*/
	text-align: center;
}
.phase-box:first-child span {
	border-left: none;
}
.phase-box.research span:before {
	content: "Discovery";
}
.phase-box.preclinical span:before {
	content: "Preclinical";
}
.phase-box.phase1 span:before {
	content: "Phase 1";
}
.phase-box.phase2 span:before {
	content: "Phase 2";
}
.phase-box.phase3 span:before {
	content: "Phase 3";
}


.research .phase-box.last {
	background: transparent;
}



.pipeline-legend {
	position: absolute;
	z-index: -1;
	top: -3.4em; /* match line-height */
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	font-size: 0.75rem;
	line-height: 1.7;
	font-weight: 300;
	color: #000;

	white-space: nowrap;

}

.pipeline-legend .product,
.pipeline-legend .indication,
.pipeline-legend .link,
.pipeline-legend .logo {
	padding-top: 0;
	padding-bottom: 0;
	vertical-align: middle;
}
.pipeline-legend .link span {
	position: absolute;
	top: -99999px;
	left: -99999px;
}

.pipeline-legend .phase-box {
	box-shadow: 5px 0 0 -4px black;
}
.pipeline-legend .phase-box:first-child {
	box-shadow: -5px 0 0 -4px black, 5px 0 0 -4px black;
}





@media (max-width: 390px) {
	.phase-box.research span:before {
		content: "Dis";
	}
	.phase-box.preclinical span:before {
		content: "Pre";
	}
	.phase-box.phase1 span:before {
		content: "P1";
	}
	.phase-box.phase2 span:before {
		content: "P2";
	}
	.phase-box.phase3 span:before {
		content: "P3";
	}
}

@media (min-width: 556px) {
	.pipeline .compound {
		background: #eaecf1;
	}
	.pipeline .name {
		float: left;
		width: 160px;
		margin: 0;
	}

	.pipeline .detail {
		width: calc(100% - 180px);
		margin-left: 180px;
	}
	.pipeline .pipeline-legend {
		padding-left: 10px;
	}

}


@media (max-width: 1015px) {

	.pipeline h2:first-child {
		margin-bottom: 2.6rem;
	}

	.pipeline .compound {
		padding-bottom: 12px;
	}

	.pipeline .compound .name {
		padding-top: 8px;
	}
	.pipeline .compound .product,
	.pipeline .compound .indication,
	.pipeline .compound .logo {
		padding-top: 8px;
		padding-bottom: 10px;
	}

	.pipeline .indication {
		width: auto;
	}
	.pipeline .product {
		width: 43%;
	}

	.pipeline .logo {
		position: relative;
		width: 100px;
		padding-left: 0;
		padding-right: 0;
	}
	.pipeline .logo img {
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
	}

	.pipeline .phase {
		display: block;
		position: absolute;
		bottom: -1.125rem;
		left: 0;
		width: 100%;
	}

	.pipeline .compound .phase {
		bottom: -8px;
	}

	.phase-box {
		height: auto;
	}
	.phase-box em {
		height: 8px;
		border-left: solid 2px transparent;
		border-right: solid 2px transparent;
	}

	.phase-box span:last-child em {
		border-right: none;
	}

	.pipeline-legend {
		padding-bottom: 1.2rem;
	}

}



@media (max-width: 555px) {



	.pipeline .compound .name {
		left: 0;
		margin-top: 0;
		padding-top: 0;
	}
	.phase-box span {
/*		background-color: #9e0b0f;
		color: #fff;
*/	}
}




@media (max-width: 555px) {
	.pipeline h2:first-child {
		margin-bottom: 36px;
	}
	.pipeline .name {
		position: static;
		font-size: 1.3em;
	}
	.pipeline .compound {
		margin-left: -10px;
		margin-right: -10px;
		padding-left: 10px;
		padding-right: 10px;
		background: #fff;
	}
	.pipeline .compound.hasname {
		padding-top: 12px;
	}

	.pipeline .compound .detail {
	}
	.pipeline .phase,
	.pipeline-legend {
		/*padding-left: 18px;*/
	}

	.pipeline.with-legend {
	    margin-top: 60px;
	}
	.pipeline-legend {
		top: -60px;
	}
}

@media (max-width: 350px) {
	.pipeline .link {
		display: none;
	}
}

@media (min-width: 1016px) {
	.pipeline .compound,
	.pipeline-legend {
		/*padding-left: 170px;*/
	}
	.pipeline .product {
		/*width: 140px;*/
	}
	.pipeline .indication {
		width: 200px;
	}
	.pipeline .logo {
		padding-top: 0;
		padding-bottom: 0;
		width: 70px;
	}
	.pipeline-legend {
		top: -2em;
	}

}






















/*

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

.grid > * {
	margin-top: 1.6em;
	margin-bottom: 1.6em;
	padding: 10px 20px 10px;
	background: #fff padding-box;

}

.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 > * > div:first-child {
	height: 160px;
	overflow: hidden;
	margin: -10px -20px 0.5em;
	font-size: 1em;
}
.grid > * > div:first-child img {
	margin-top: -15%;
	display: block;
}

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

.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;

		background: #fff padding-box;
	}

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

	.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%;
	}
}

@media (min-width: 760px) {
	.grid > * {
		width: 25%;
	}
}




*/

/*

.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,
.popup > :last-child > :last-child {
	margin-bottom: 0;
}

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



@media (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 (min-width: 916px) {
	.local .popup {
		margin-right: -960px;
	}
}

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

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


*/


/*

#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 (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 (min-width: 900px) {
	#modal-content {
		width: 740px;
	}
}
@media (min-width: 1016px) {
	#modal-content {
		width: 880px;
	}
}

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

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


	    background: rgba(5, 168, 222, 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: relative;
	    display: table-cell;
	    top: -2px;
	    width: 40px;
	    content: "×";

	    font-size: 30px;
	    line-height: 40px;
	    color: #01cafc;
	    text-align: center;
	    vertical-align: middle;

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

	.local #modal-box .modal-close:hover {
	    background: rgba(5, 168, 222, 0.8);
	}

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


@media (min-width: 800px) {

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

	#modal-box .modal-close:hover,
	#modal-box .modal-previous:hover,
	#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: #e11b20;
	}

	#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 #e11b20;
	}
	#modal-box .modal-close::after {
		transform: rotateZ(-45deg);
	}
	#modal-box .modal-close::before {
		transform: rotateZ(45deg);
	}
	#modal-box .modal-close:hover::after,
	#modal-box .modal-close:hover::before {
		border-color: #a60202;
	}

	#modal-box .modal-previous {
		position: absolute;
		bottom: 0;
		padding-right: 30px;
		z-index: 100;
	}
	#modal-box .modal-previous:before {
		display: block;
		content: "";
		width: 3px;
		border-top: solid 40px #e11b20;
		border-radius: 3px 3px 0 0;
		-webkit-transform: rotateZ(20deg) translateY(2px);
		   -moz-transform: rotateZ(20deg) translateY(2px);
			-ms-transform: rotateZ(20deg) translateY(2px);
				transform: rotateZ(20deg) translateY(2px);
		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 #e11b20;
		border-radius: 0 0 3px 3px;
		-webkit-transform: rotateZ(-20deg) translateY(-2px);
		   -moz-transform: rotateZ(-20deg) translateY(-2px);
			-ms-transform: rotateZ(-20deg) translateY(-2px);
				transform: rotateZ(-20deg) translateY(-2px);
		box-shadow: rgba(58, 73, 90, 0.3) 0px 9px 10px;
	}

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

	#modal-box .modal-next:before {
		display: block;
		content: "";
		width: 3px;
		border-top: solid 40px #e11b20;
		border-radius: 3px 3px 0 0;
		-webkit-transform: rotateZ(-20deg) translateY(2px);
		   -moz-transform: rotateZ(-20deg) translateY(2px);
			-ms-transform: rotateZ(-20deg) translateY(2px);
				transform: rotateZ(-20deg) translateY(2px);
	}
	#modal-box .modal-next:after {
		display: block;
		content: "";
		width: 3px;
		border-bottom: solid 40px #e11b20;
		border-radius: 0 0 3px 3px;
		-webkit-transform: rotateZ(20deg) translateY(-2px);
		   -moz-transform: rotateZ(20deg) translateY(-2px);
			-ms-transform: rotateZ(20deg) translateY(-2px);
				transform: rotateZ(20deg) translateY(-2px);
	}

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

@media (min-width: 900px) {
	#modal-box .modal-controls {
		width: 830px;
	}
}
@media (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;
}

*/




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

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

	background: #fff padding-box;
}


.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: 240px;
	overflow: hidden;
	margin: -10px -20px 0.5rem;
	font-size: 1rem;
}
.grid > * > div:first-child img {
	margin-top: -20% !important;
	display: block;
}
.grid > * > div:first-child + * {
	margin-top: 16px !important;
}

.notmobile .grid a.modal:hover {
}

.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.25rem);
		margin: 0.4rem 0 0 -1.25rem;
	}
	.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.2rem solid transparent;
		border-left: 1.25rem 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.2rem 0 0 -1.25rem;
	}
	.lt-ie10 .grid > * {
		width: 100%;
	}
}


@media (min-width: 556px) {
	.grid > * {
		background-color: #eaecf1;
	}
}


@media (min-width: 740px) {
	.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;
	}
}
*/










@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(17, 99, 183, 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: #2552af;
	    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(17, 99, 183, 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: #2552af;
	}

	#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 #2552af;
	}
	#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: #017cee;
	}


	#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 #2552af;
		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 #2552af;
		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 #2552af;
		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 #2552af;
		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: #017cee;
	}
}

@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;
}