/* ----- BACKGROUND ELEMENTS ----- */

html, body {
	font-family: Arial;
	width:  100%;
	height: 100%;
	overflow: hidden !important;
	padding: 0px;
	margin: 0px;
	user-select: none;
	background-image: none !important;
	background-color: white !important;
}

.closed_container {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 100%;
	max-width: 1120px;
	padding: 0px 40px;
	box-sizing: border-box;
}

.closed_content {
	margin-top: 40px;
	width: 100%;
	background-color: #eeeeee;
	padding: 40px;
	box-sizing: border-box;
	text-align: center;
	font-size: 20px;
}

.closed_content p:first-of-type {
	margin-top: 0px;
}

.closed_content p:last-of-type {
	margin-bottom: 0px;
}

.closed_content p a {
	color: #0073aa;
	font-weight: bold;
	text-decoration: none;
}

.ie_message {
	display: none;
	position: absolute;
	z-index: 9999999999;
	width: 100%;
	height: 100%;
	background-color: white;
}

.ie_message .text {
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 640px;
}

.panel_container .container .slide .slide_container iframe {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	z-index: -10;
	opacity: 0;
	transition: opacity 0.2s, width 0.2s, height 0.2s;
	border: 0px;
    padding: 0px;
    margin: 0px;
	will-change: width, height, opacity, transform;
}

img {
	/* image-rendering: optimizequality; */
}

.panel_container .container .slide .slide_container > img {
	max-width: initial;
	width: 100%;
}

script,
style {
	display: none !important;
}

.panel_container .panel.open .container .slide .slide_container iframe {
	z-index: 0;
	opacity: 1;
}

.iframe_slide {
	width: 560px;
	height: 450px;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.0);
	display: inline-block;
	position: absolute;
	transition: box-shadow 1s, border 1s, opacity 1s, width 1s, height 1s, transform 1s;
	border: 5px solid rgba(255, 255, 255, 0);
	background-size: cover;
	background-repeat: no-repeat;
}

.iframe_slide[data-name="pipeline"] {
	background-image: url(proof_trial-sm.png);
	transform: translate(0px, 0px);
	width: 640px;
	height: 560px;
}

.iframe_slide:hover {
	box-shadow: 0px 0px 20px rgba(11, 120, 176, 0);
	border: 5px solid rgba(11, 120, 176, 0);
}

.iframe_slide.slide[data-name="pipeline"].selected {
	width: 1560px;
	height: 820px;
}

.iframe_slide.slide[data-name="pipeline"] .slide_container {
	background: url('images/bg1920x1080.jpg');
	background-position: center center;
	background-size: cover;
	overflow-y: auto !important;
}

#root {
	width: 1560px !important;
}

.slide.coming_soon p {
	display: inline-block;
	margin: 0.5rem 0px;
}

.slide.coming_soon b {
	display: inline;
}

.slide.coming_soon p:nth-of-type(1) {
	font-weight: bold;
	font-size: 28px;
	line-height: 2rem;
	color: #fff;
	background-color: #0b78b0;
	padding: 20px;
	box-sizing: border-box;
}

.slide.coming_soon p:nth-of-type(2) {
	font-size: 20px;
	font-style: italic;
	line-height: 1.8rem;
}

.slide.coming_soon p:nth-of-type(3) {
	font-size: 20px;
	line-height: 1.8rem;
	font-weight: bold;
}

.slide.coming_soon p:nth-of-type(4) {
	padding: 15px;
	background-color: white;
	margin-top: 1rem;
	box-sizing: border-box;
	text-align: center;
	color: #0b78b0;
	font-size: 28px;
	font-weight: bold;
}

.slide.coming_soon {
	box-sizing: border-box;
	padding: 10px 40px;
}

.slide.coming_soon .slide_container {
	padding: 20px;
	box-sizing: border-box;
	background-color: #f7f7f7d4;
	border: 5px solid #fff;
	box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.1);
}

.page_container {
	display: inline-block;
	position: fixed;
	top: 0px;
	left: 0px;
	overflow: hidden;
	width: 100%;
	height: 100%;
	max-height: 920px;
}

.cookie_notification {
	background-color: #0b78b0;
	padding: 5px 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	box-sizing: border-box;
	z-index: 9999;
	
}

.cookie_notification p {
	color: white;
	text-shadow: initial;
	font-size: 14px;
	font-weight: normal;
	text-align: initial;
	line-height: 1.2rem;
	width: 90%;
	margin: 0.5rem auto;
}

.cookie_notification p b {
	display: inline-block;
}

.cookie_notification p.center {
	text-align: center;
}

.accept,
.reject {
	display: inline-block;
	border-bottom: 1px dashed white;
	margin: 0px 5px;
	transition: border 0.4s;
	cursor: pointer;
}

.accept:hover,
.reject:hover {
	display: inline-block;
	border-bottom: 1px dashed rgba(255, 255, 255, 0);
}

section {
	position: absolute;
	transform-style: preserve-3d;
	backface-visibility: hidden;
	box-sizing: border-box;
}

.gradient_bg {
	width: 1920px;
	height: 100%;
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	z-index: 10;
	background-size: 105%;
	background-position: bottom center;
	background-repeat: no-repeat;
}

.grid_bg {
	position: absolute;
	backface-visibility: hidden;
	box-sizing: border-box;
	z-index: 20;
	perspective: 1280px;
	perspective-origin: center center;
	width: 3840px;
	height: 2560px;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 50%;
	filter: drop-shadow(1px -2px 0px white);
	opacity: 0.2;
}

.grid_bg .grid_svg {
	width: 3840px;
	height: 100%;
	position: absolute;
	transform-style: preserve-3d;
	backface-visibility: hidden;
	box-sizing: border-box;
	transform: rotateX(80deg);
	transition: transform 1s;
	transform-origin: center center;
}

.burst_bg {
	width: 1080px;
	height: 460px;
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	z-index: 15;
	background-image: radial-gradient(rgb(255, 255, 255), rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	background-position: bottom center;
	background-repeat: no-repeat;
	opacity: 0.8;
	top: 50%;
	border-radius: 50%;
	background-size: contain;
	filter: blur(20px);
}

/* ----- END BACKGROUND ELEMENTS ----- */
/* ----- VIDEO ELEMENTS ----- */

.iframe_container {
	width: 100%;
	height: 100%;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
}

.video_screen_container {
	width: 100%;
	height: 100%;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
}

.video_screen {
	width: 640px;
	height: 360px;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);
	display: inline-block;
	position: absolute;
	transition: box-shadow 1s, border 1s, opacity 1s, width 1s, height 1s, transform 1s;
	border: 5px solid rgba(255, 255, 255, 1);
	background-size: cover;
	background-repeat: no-repeat;
	/* background-image: url(video_screen-sm.png); */
}
/* ----- END VIDEO ELEMENTS ----- */

/* ----- TPS ELEMENTS ----- */

.tps_container {
	width: 100%;
	height: 100%;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
}

.tps {
	width: 640px;
	height: 360px;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);
	display: inline-block;
	position: absolute;
	transition: box-shadow 1s, border 1s, opacity 1s, width 1s, height 1s, transform 1s;
	border: 5px solid rgba(255, 255, 255, 1);
	background-size: cover;
	background-repeat: no-repeat;
}

.tps:nth-of-type(1) {
	background-image: url(tps-sm.png);
	transform: translate(0px, 0px);
}

/* ----- TRIALS ELEMENTS ----- */

.trials_container {
	width: 100%;
	height: 100%;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
}

.trials {
	width: 480px;
	height: 250px;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);
	display: inline-block;
	position: absolute;
	transition: box-shadow 1s, border 1s, opacity 1s, width 1s, height 1s, transform 1s;
	border: 5px solid rgba(255, 255, 255, 1);
	background-size: cover;
	background-repeat: no-repeat;
}

.trials:nth-of-type(2) {
	background-image: url(trials_2-sm.png);
/* 	transform: translate(0px, -115px); */
	width: 560px;
	height: 450px;
	transform: translate(0px, 0px);
}

.trials.alt.s_1 {
	background-image: url(trials_2-sm-alt.png);
	width: 220px;
	height: 130px;
	transform: translate(-240px, -190px);
	border-radius: 20px;
	filter: hue-rotate(100deg);
}

.trials.alt.s_2 {
	background-image: url(trials_2-sm-alt.png);
	width: 220px;
	height: 130px;
	transform: translate(0px, -190px);
	border-radius: 20px;
	filter: hue-rotate(100deg);
}

.trials.alt.s_3 {
	background-image: url(trials_2-sm-alt.png);
	width: 220px;
	height: 130px;
	transform: translate(240px, -190px);
	border-radius: 20px;
	filter: hue-rotate(100deg);
}

.trials.alt.s_4 {
	background-image: url(trials_2-sm-alt.png);
	width: 220px;
	height: 130px;
	transform: translate(-240px, -40px);
	border-radius: 20px;
	filter: hue-rotate(100deg);
}

.trials.alt.s_5 {
	background-image: url(trials_2-sm-alt.png);
	width: 220px;
	height: 130px;
	transform: translate(0px, -40px);
	border-radius: 20px;
	filter: hue-rotate(100deg);
}

.trials.alt.s_6 {
	background-image: url(trials_2-sm-alt.png);
	width: 220px;
	height: 130px;
	transform: translate(240px, -40px);
	border-radius: 20px;
	filter: hue-rotate(200deg) saturate(1.5) brightness(1.5);
}

.trials.alt.s_7 {
	background-image: url(trials_2-sm-alt.png);
	width: 220px;
	height: 130px;
	transform: translate(-240px, 110px);
	border-radius: 20px;
	filter: hue-rotate(200deg) saturate(1.5) brightness(1.5);
}

.trials.alt.s_8 {
	background-image: url(trials_2-sm-alt.png);
	width: 220px;
	height: 130px;
	transform: translate(0px, 110px);
	border-radius: 20px;
	filter: hue-rotate(200deg) saturate(1.5) brightness(1.5);
}

.trials.alt.s_9 {
	background-image: url(trials_2-sm-alt.png);
	width: 220px;
	height: 130px;
	transform: translate(240px, 110px);
	border-radius: 20px;
	filter: hue-rotate(200deg) saturate(1.5) brightness(1.5);
}

.trials.alt.s_10 {
	background-image: url(trials_2-sm-alt.png);
	width: 220px;
	height: 130px;
	transform: translate(-240px, 260px);
	border-radius: 20px;
	filter: hue-rotate(200deg) saturate(1.5) brightness(1.5);
}

.trials.alt.s_11 {
	background-image: url(trials_2-sm-alt.png);
	width: 220px;
	height: 130px;
	transform: translate(0px, 260px);
	border-radius: 20px;
	display: none;
}

.trials.alt.s_12 {
	background-image: url(trials_2-sm-alt.png);
	width: 220px;
	height: 130px;
	transform: translate(240px, 260px);
	border-radius: 20px;
	display: none;
}

.trials:nth-of-type(2) .link {
	display: none;
	width: 240px;
	height: 50px;
	position: absolute;
	top: 720px;
	left: 730px;
	z-index: 20;
	pointer-events: none;
}

.trials .link a {
	display: inline-block;
	width: 100% !important;
	height: 100% !important;
}

.trials.selected .link {
	display: block;
	pointer-events: initial;
}

.trials.slide .slide_container {
	border-radius: 20px;
}

/* ----- END TRIALS ELEMENTS ----- */

/* ----- poster_placeholder ELEMENTS ----- */

.poster_placeholder_container {
	width: 100%;
	height: 100%;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
}

.poster_placeholder {
	width: 480px;
	height: 250px;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.0);
	display: inline-block;
	position: absolute;
	transition: box-shadow 1s, border 1s, opacity 1s, width 1s, height 1s, transform 1s;
	border: 5px solid rgba(255, 255, 255, 0);
	background-size: cover;
	background-repeat: no-repeat;
}

.poster_placeholder .slide_container {
	position: relative;
}

.poster_placeholder:nth-of-type(1) {
	background-image: url(proof_trial-sm.png);
	width: 740px;
	height: 440px;
	transform: translate(0px, 0px);
}

.poster_placeholder:nth-of-type(1):hover {
	border: 5px solid rgba(255, 255, 255, 0);
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.0);
}

/* ----- END poster ELEMENTS ----- */

/* ----- proof_trial ELEMENTS ----- */

.proof_trial_container {
	width: 100%;
	height: 100%;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
}

.proof_trial {
	width: 480px;
	height: 250px;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.0);
	display: inline-block;
	position: absolute;
	transition: box-shadow 1s, border 1s, opacity 1s, width 1s, height 1s, transform 1s;
	border: 5px solid rgba(255, 255, 255, 1);
	background-size: cover;
	background-repeat: no-repeat;
}

.proof_trial .slide_container {
	position: relative;
}

.proof_trial:nth-of-type(1) {
	background-image: url(proof_trial-sm.png);
	width: 560px;
	height: 450px;
	transform: translate(0px, 0px);
}

.proof_trial:nth-of-type(1) .link.clinicaltrials {
	display: none;
	position: absolute;
	z-index: 20;
	pointer-events: none;
	/* border-bottom: 4px solid rgba(78, 155, 128, 0); */
	transform: translate(-50%);
	transition: border 0.4s;
	width: 100px !important;
	height: 45px !important;
	left: 345px;
	top: 425px;
}

.proof_trial.x2:nth-of-type(1) .link.clinicaltrials {
	width: 105px !important;
	height: 45px !important;
	left: 1020px;
	top: 1320px;
}

.proof_trial:nth-of-type(1) .link.helsinn {
	display: none;
	position: absolute;
	z-index: 20;
	pointer-events: none;
	/* border-bottom: 4px solid rgba(78, 155, 128, 0); */
	transform: translate(-50%);
	transition: border 0.4s;
	width: 325px !important;
	height: 40px !important;
	left: 900px;
	top: 765px;
}

.proof_trial.x2:nth-of-type(1) .link.helsinn {
	width: 945px !important;
	height: 105px !important;
	left: 2690px;
	top: 2280px;
}

.proof_trial:nth-of-type(1) .link.qed {
	display: none;
	position: absolute;
	z-index: 20;
	pointer-events: none;
	/* border-bottom: 4px solid rgba(78, 155, 128, 0); */
	transform: translate(-50%);
	transition: border 0.4s;
	width: 325px !important;
	height: 40px !important;
	left: 900px;
	top: 720px;
}

.proof_trial.x2:nth-of-type(1) .link.qed {
	width: 945px !important;
	height: 105px !important;
	left: 2690px;
	top: 2160px;
}

.proof_trial:nth-of-type(1) .link a {
	display: inline-block;
	width: 100% !important;
	height: 100% !important;
}


.proof_trial:nth-of-type(1) .link:hover {
	/* border-bottom: 4px solid #0b78b0; */
}

.proof_trial:nth-of-type(2) {
	background-image: url(proof_trial-sm.png);
/* 	transform: translate(0px, -115px); */
	width: 560px;
	height: 450px;
	transform: translate(0px, 0px);
}

.proof_trial:nth-of-type(2) .link {
	display: none;
	width: 240px;
	height: 50px;
	position: absolute;
	top: 720px;
	left: 730px;
	z-index: 20;
	pointer-events: none;
}

.proof_trial .link a {
	display: inline-block;
	width: 100% !important;
	height: 100% !important;
}

.proof_trial.selected .link {
	display: block;
	pointer-events: initial !important;
}

.proof_trial:nth-of-type(1) {
	background-image: url(proof_trial-sm.png);
	width: 830px;
	height: 720px;
	transform: translate(0px, 0px);
	border: 5px solid rgba(255, 255, 255, 0);
}

.proof_trial:nth-of-type(1):hover {
	border: 5px solid rgba(255, 255, 255, 0);
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.0);
}

/* ----- END proof_trial ELEMENTS ----- */

/* ----- SURV ELEMENTS ----- */

.surv_container {
	width: 100%;
	height: 100%;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
}

.surv {
	width: 380px;
    height: 525px;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);
	display: inline-block;
	position: absolute;
	transition: box-shadow 1s, border 1s, opacity 1s, width 1s, height 1s, transform 1s;
	border: 5px solid rgba(255, 255, 255, 1);
	background-size: cover;
	background-repeat: no-repeat;
}

.surv .slide_container {
	display: flex;
	justify-content: center;
	align-items: center;
}

.surv:nth-of-type(1) {
	background-image: url(survey_sq1.png);
	transform: translate(0px, 25px);
}

.surv:nth-of-type(2) {
	background-image: url(survey_sq2.png);
	transform: translate(175px, 0px);
}

/* ----- END SURV ELEMENTS ----- */
/* ----- pathway ELEMENTS ----- */

.pathway_container {
	width: 100%;
	height: 100%;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
}

.pathway {
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.0);
	display: inline-block;
	position: absolute;
	transition: box-shadow 1s, border 1s, opacity 1s, width 1s, height 1s, transform 1s;
	border: 5px solid rgba(255, 255, 255, 0);
	background-size: cover;
	background-repeat: no-repeat;
}

.pathway:nth-of-type(1) {
/* 	transform: translate(-265px, -35px);
	background-image: url(pathway_1-sm.png);
	width: 240px;
	height: 320px; */
	background-image: url(pathway_1-sm.png);
	width: 820px;
	height: 460px;
	transform: translate(0px, 0px);
}

.pathway:nth-of-type(1):hover {
	border: 5px solid rgba(255, 255, 255, 0);
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.0);
}

.pathway .link.qed {
	width: 168px !important;
	height: 27px !important;
	top: 566px !important;
	left: 394px !important;
}

.pathway .link.bridgebio {
	width: 152px !important;
	height: 27px !important;
	top: 1032px !important;
	left: 695px !important;
}

.pathway .link.helsinn.website {
	width: 185px !important;
	height: 27px !important;
	top: 1990px !important;
	left: 435px !important;
}

.pathway .link.helsinn.twitter {
	width: 72px !important;
	height: 27px !important;
	top: 1990px !important;
	left: 810px !important;
}

.pathway .link.helsinn.linkedin {
	width: 90px !important;
	height: 27px !important;
	top: 2021px !important;
	left: 73px !important;
}

.pathway .link.helsinn.vimeo {
	width: 68px !important;
	height: 27px !important;
	top: 2021px !important;
	left: 217px !important;
}

.pathway .link.helsinn.learn {
	width: 373px !important;
	height: 42px !important;
	top: 98px !important;
	left: 298px !important;
}

.pathway .link {
	display: none;
	z-index: 20;
	pointer-events: none;
	position: absolute;
	border-bottom: 3px solid rgba(78, 155, 128, 0);
	transition: width 1s, border 0.4s !important;
}

.pathway .link:hover {
	border-bottom: 3px solid #448d6f;
}

.pathway.selected .link {
	display: block;
	pointer-events: initial;
}

.pathway:nth-of-type(2) {
/* 	transform: translate(0px, -35px);
	background-image: url(pathway_2-sm.png);
	width: 240px;
	height: 320px; */
	display: none;
}

.pathway:nth-of-type(3) {
	transform: translate(265px, -35px);
	background-image: url(pathway_3-sm.png);
	width: 240px;
	height: 320px;
}

.pathway:nth-of-type(4) {
	width: 210px;
	height: 120px;
	transform: translate(115px, -55px);
	background-image: url(pathway_4-sm.png);
}

.pathway:nth-of-type(5) {
	width: 210px;
	height: 120px;
	transform: translate(-115px, 85px);
	background-image: url(pathway_5-sm.png);
}

.pathway:nth-of-type(6) {
	width: 210px;
	height: 120px;
	transform: translate(115px, 85px);
	background-image: url(pathway_6-sm.png);
}

.pathway:nth-of-type(7) {
	width: 210px;
	height: 120px;
	transform: translate(-115px, 225px);
	background-image: url(pathway_7-sm.png);
}

.pathway:nth-of-type(8) {
	width: 210px;
	height: 120px;
	transform: translate(115px, 225px);
	background-image: url(pathway_8-sm.png);
}

.pathway .dl {
	display: none;
	position: absolute;
	width: 676px;
	height: 335px;
	z-index: 20;
	pointer-events: none;
	border: 5px solid rgba(255, 255, 255, 0);
	transition: box-shadow 1s, border 1s;
	box-sizing: border-box;
}

.pathway .dl:hover {
	box-shadow: 0px 0px 20px rgba(11, 120, 176, 1);
	border: 5px solid rgba(11, 120, 176, 1);
}

.pathway .dl:nth-of-type(1) {
	top: 20px;
	left: 20px;
}

.pathway .dl:nth-of-type(2) {
	bottom: 20px;
	left: 20px;
}

.pathway.selected .dl {
	display: block;
}

/* ----- END pathway ELEMENTS ----- */
/* ----- POSTER ELEMENTS ----- */

.poster_container {
	width: 100%;
	height: 100%;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
}

.poster {
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);
	display: inline-block;
	position: absolute;
	transition: box-shadow 1s, border 1s, opacity 1s, width 1s, height 1s, transform 1s;
	border: 5px solid rgba(255, 255, 255, 1);
	background-size: cover;
	background-repeat: no-repeat;
}

.poster:nth-of-type(1) {
	transform: translate(0px, -75px);
	background-image: url(poster_session_1-sm.png);
	width: 640px;
	height: 360px;
}

.poster:nth-of-type(2) {
	transform: translate(-165px, 212px);
	background-image: url(poster_session_2-sm.png);
	width: 310px;
	height: 175px;
}

.poster:nth-of-type(3) {
	transform: translate(165px, 212px);
	background-image: url(poster_session_3-sm.png);
	width: 310px;
	height: 175px;
}

.poster_container_2 {
	width: 100%;
	height: 100%;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
}

.poster_2 {
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);
	display: inline-block;
	position: absolute;
	transition: box-shadow 1s, border 1s, opacity 1s, width 1s, height 1s, transform 1s;
	border: 5px solid rgba(255, 255, 255, 1);
	background-size: cover;
	background-repeat: no-repeat;
}

.poster_2:nth-of-type(1) {
	transform: translate(0px, -75px);
	background-image: url(poster_session_2_1-sm.png);
	width: 640px;
	height: 360px;
}

.poster_2:nth-of-type(2) {
	transform: translate(0px, 212px);
	background-image: url(poster_session_2_2-sm.png);
	width: 640px;
	height: 175px;
}

.poster_2:nth-of-type(3) {
	transform: translate(165px, 212px);
	background-image: url(poster_session_2_3-sm.png);
	width: 310px;
	height: 175px;
}

/* ----- END POSTER ELEMENTS ----- */
/* ----- TEAM ELEMENTS ----- */

.about_container {
	width: 100%;
	height: 100%;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
}

.about {
	width: 520px;
	height: 265px;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);
	display: inline-block;
	position: absolute;
	transition: box-shadow 1s, border 1s, opacity 1s, width 1s, height 1s, transform 1s;
	border: 5px solid rgba(255, 255, 255, 0);
	background-size: cover;
	background-repeat: no-repeat;
}

.about .email:nth-of-type(1) {
    z-index: 20;
    top: 530px;
    left: 90px;
}

.about .email {
	display: none;
    width: 460px;
    height: 165px;
    position: absolute;
	z-index: 20;
	pointer-events: none;
}

.about .email a {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.about.selected .email {
	display: block;
	pointer-events: initial;
}

.about:nth-of-type(1) {
	background-image: url(about-sm.png);
	width: 650px;
	height: 580px;
	transform: translate(0px, 30px);
}

.about .dl {
	display: none;
    width: 415px;
	height: 325px;
    position: absolute;
	z-index: 20;
	pointer-events: none;
	border: 5px solid rgba(255, 255, 255, 0);
	transition: box-shadow 1s, border 1s;
	box-sizing: border-box;
}

.about .dl:hover {
	box-shadow: 0px 0px 20px rgba(11, 120, 176, 1);
	border: 5px solid rgba(11, 120, 176, 1);
}

.about .dl:nth-of-type(1) {
    top: 29px;
    left: 29px;
	width: 842px;
}

.about .dl:nth-of-type(2) {
    bottom: 29px;
    left: 29px;
}

.about .dl:nth-of-type(3) {
    bottom: 29px;
    right: 29px;
}

.about .dl:nth-of-type(4) {
    bottom: 29px;
    right: 29px;
}

.about .dl a {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.about.selected .dl {
	display: block;
}

.subheader {
	will-change: scale, transform;
}

.download_subheader {
	position: absolute;
	left: 945px;
	top: 665px;
	color: #0b78b0;
	box-sizing: border-box;
	font-size: 24px;
	margin: 0px;
	text-shadow: 1px 1px 2px white;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	width: 550px;
	transform: rotate(-90deg);
	transform-origin: top left;
	text-align: center;
	font-size: 28px;
}

/* ----- END TEAM ELEMENTS ----- */
/* ----- GENERAL SLIDE STYLES ----- */

.container {
	z-index: 10;
	transition: transform 1s;
}

.open .container {
	transform: translate(0px, -30px);
}

.panel.open .slide {
	opacity: 0;
	transform: translate(0px, 0px);
}

.panel.open .slide.selected {
	box-shadow: initial;
	opacity: 1;
	z-index: 100;
	background-color: white;
	cursor: initial;
}

.panel.open .xl .slide {
	transform: translate(-80px, 0px);
}

.slide {
	background-position: center center;
	will-change: transform, left, opacity, width, height, box-shadow;
}

.slide .slide_container {
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: none;
}

.slide .slide_container:not(.ignore) {
	display: block;
}

.slide .slide_container:not(.ignore) * {
	height: auto;
	transition: width 1s;
	display: none;
}

.slide .slide_container *:not(iframe),
.slide .slide_container:not(.ignore) * {
	object-fit: cover;
	object-position: center center;
}

.slide .slide_container img {
	pointer-events: none;
}

.animate {
	transition: left 1s, filter 1s, opacity 1s, transform 1s;
	display: block;
}

.about:hover,
.video_screen:hover,
.poster:hover,
.poster_2:hover,
.trials:hover,
.proof_trial:hover,
.poster_placeholder:hover,
.pathway:hover,
.surv:hover,
.tps:hover {
	box-shadow: 0px 0px 20px rgba(11, 120, 176, 0);
	border: 5px solid rgba(11, 120, 176, 0);
}

/* ----- END GENERAL SLIDE STYLES ----- */
/* ----- SIZE OF EXPANDED SLIDES ----- */

.poster.slide:nth-of-type(1).selected,
.poster.slide:nth-of-type(2).selected,
.poster.slide:nth-of-type(3).selected {
	width: 1280px;
	height: 720px;
}

.poster.slide:nth-of-type(3).selected {
	/* width: 540px;
	height: 720px; */
}

.poster.slide:nth-of-type(3).selected.x2 {
	/* width: 1280px;
	height: 720px; */
}

.poster_2.slide:nth-of-type(1).selected,
.poster_2.slide:nth-of-type(2).selected,
.poster_2.slide:nth-of-type(3).selected {
	width: 1280px;
	height: 720px;
}

.about.slide:nth-of-type(1).selected,
.about.slide:nth-of-type(2).selected {
	width: 920px;
	height: 820px;
}

.about.slide:nth-of-type(3).selected {
	width: 405px;
	height: 720px;
}

.video_screen.slide:nth-of-type(1).selected {
	width: 1280px;
	height: 720px;
}

.tps.slide:nth-of-type(1).selected {
	width: 1280px;
	height: 720px;
}

.proof_trial.slide:nth-of-type(1).selected {
	width: 1060px;
	height: 820px;
}

.proof_trial.slide:nth-of-type(1).selected.x2 {
	width: 1600px;
	height: 900px;
}

.poster_placeholder.slide:nth-of-type(1).selected {
	width: 1600px;
	height: 920px;
}

.poster_placeholder.slide:nth-of-type(1).selected.x2 {
	width: 1600px;
	height: 920px;
}

.trials.slide.selected {
	width: 1280px;
	height: 720px;
}

.pathway.slide:nth-of-type(1).selected {
	width: 1280px;
	height: 720px;
}

.slide.selected:hover {
	box-shadow: initial;
	border: 5px solid white;
}

/* ----- END SIZE OF EXPANDED SLIDES ----- */
/* ----- NAVIGATION ELEMENTS ----- */

.contact_icons {
	display: flex;
	width: 520px;
	justify-content: space-between;
}

.contact_icons a {
	text-decoration: none;
}

.icon_content {
	color: white;
	text-align: center;
	transition: color 0.2s;
}

.icon_content h2 {
	font-weight: normal;
	font-size: 36px;
	margin-bottom: 0px;
	margin-top: 0.5rem;
}

.icon_content:hover {
	color: #0b78b0;
}

.icon_content:hover .icon_container {
	border: 5px solid #0b78b0;
}

.icon_container {
	width: 120px;
	height: 120px;
	text-shadow: 1px 1px 0px black;
	color: white;
	background-color: rgba(0, 0, 0, 0);
	font-size: 32px;
	border: 2px solid white;
	box-sizing: border-box;
	transition: background-color 1s, opacity 1s;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0.25;
	display: none;
}

.icon_container a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.left,
.right {
	width: 140px;
	height: 100%;
	position: absolute;
	z-index: 80;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	padding: 0px;
}

.close {
	position: absolute;
	top: 20px;
	left: -30px;
	border-radius: 50%;
	background-color: white;
	font-size: 26px;
	width: 42px;
	height: 42px;
	text-align: center;
	line-height: 42px;
	display: none;
	border: 4px solid black;
	cursor: pointer;
}

.zoom {
	position: absolute;
	top: 80px;
	left: -30px;
	border-radius: 50%;
	background-color: white;
	font-size: 26px;
	width: 42px;
	height: 42px;
	text-align: center;
	line-height: 42px;
	display: none;
	border: 4px solid black;
	cursor: pointer;
}

::-webkit-scrollbar,
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	background-color: #b6d9cd;
}

::-webkit-scrollbar-track {
	
}

::-webkit-scrollbar-thumb {
	background-color: #0b78b0;
}

.slide.x2 {
	scrollbar-width: thin;
	scrollbar-color: #0b78b0 #b6d9cd;	
}

.scrollable,
.slide_container .scrollable {
	width: 100%;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-width: thin;
	scrollbar-color: #0b78b0 #b6d9cd;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.slide_container .scrollable * {
	line-height: 0px;
}

.slide .slide_container .scrollable .inline_video {

}

.slide .slide_container .scrollable .inline_video video {
	max-width: 845px;
	box-sizing: initial;
	border-right: 80px solid white;
	border-left: 80px solid white;
}

.slide.selected .slide_container .scrollable .inline_video {
	background-color: white;
}

.slide_container .scrollable .vid_1 {
	height: 480px;
	display: flex;
	justify-content: center;
}

.slide_container .scrollable .vid_2 {
	height: 480px;
	display: flex;
	justify-content: center;
}

.slide_container .scrollable .vid_3 {
	height: 480px;
	display: flex;
	justify-content: center;
}

.instructions_button {
	position: absolute;
	top: 80px;
	left: -30px;
	border-radius: 50%;
	background-color: white;
	font-size: 26px;
	width: 42px;
	height: 42px;
	text-align: center;
	line-height: 42px;
	display: none;
	border: 4px solid black;	
}

.left:hover .icon_container,
.right:hover .icon_container {
	background-color: rgba(0, 0, 0, 0.8);
	opacity: 1;
}

.left {
	left: 0px;
}

.right {
	right: 0px;
}

.left .icon_container {
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.85));
	border-left: 0px;
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%;
	transform: translate(-30px);
}

.right .icon_container {
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.5));
	border-right: 0px;
	border-top-left-radius: 50%;
	border-bottom-left-radius: 50%;
	transform: translate(30px);
}

/* ----- END NAVIGATION ELEMENTS ----- */
/* ----- GENERAL PANEL STYLES ----- */
.panel_container {
	width: 1920px;
	height: 100%;
	position: absolute;
	overflow: visible;
	left: 50%;
	transform: translate(-50%) scale(0.80);
	perspective: 2560px;
	perspective-origin: center center;
	z-index: 60;
	top: -75px;
	transition: transform 0.4s;
}

.panel_container.panel_open {
	
}

.panel_container.start {
	opacity: 0.6;
}

.panel_label {
	position: absolute;
	top: -5px;
	left: 0px;
	width: 100%;
	color: white;
	box-sizing: border-box;
	text-align: center;
	font-size: 42px;
	margin: 0px;
	font-weight: normal;
	padding: 40px 0px 0px 0px;
	text-shadow: 2px 2px 2px black;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}

.panel_container.reflect {
	transform: translate(-50%, 380px) scaleY(-0.8) scaleX(0.8) translateZ(-20px);
	z-index: 40;
	perspective-origin: center 880px;
	transform-style: preserve-3d;
}

.panel_container.reflect .panel {
	pointer-events: none;
	opacity: 0.05;
}

.panel {
	position: absolute;
	top: 50%;
	box-sizing: border-box;
	will-change: transform, left, opacity, width, height, box-shadow;
}

.panel[data-position="0"] {
	left: -33%;
	transform: scale(1.2) rotateY(90deg);
	opacity: 0;
	z-index: 10;
}

.panel[data-position="1"] {
	left: 0%;
	transform: scale(0.775) rotateY(80deg);
	z-index: 30;
	pointer-events: initial;
}

.panel[data-position="2"] {
	left: 25%;
	transform: scale(0.6) rotateY(35deg);
	z-index: 20;
}

.panel[data-position="3"] {
	left: 50%;
	transform: scale(0.545) rotateY(0.2deg);
	z-index: 10;
}

.panel[data-position="4"] {
	left: 75%;
	transform: scale(0.6) rotateY(-35deg);
	z-index: 20;
}

.panel[data-position="5"] {
	left: 100%;
	z-index: 40;
	transform: scale(0.775) rotateY(-80deg);
	z-index: 30;
	pointer-events: initial;
}

.panel[data-position="6"] {
	left: 133%;
	transform: scale(1.2) rotateY(-90deg);
	opacity: 0;
	z-index: 10;
}

.panel.hover div.face-background {
	opacity: 1;
}

.reflect .panel[data-position="0"] {
	transform: scale(1.2) rotateY(90deg) translate(0px, -200px);
}

.reflect .panel[data-position="1"] {
	transform: scale(0.775) rotateY(80deg) translate(0px, -170px);
}

.reflect .panel[data-position="2"] {
	transform: scale(0.6) rotateY(35deg) translate(0px, -50px);
}

.reflect .panel[data-position="4"] {
	transform: scale(0.6) rotateY(-35deg) translate(0px, -50px);
}

.reflect .panel[data-position="5"] {
	transform: scale(0.775) rotateY(-80deg) translate(0px, -170px);
}

.reflect .panel[data-position="6"] {
	transform: scale(1.2) rotateY(-90deg) translate(0px, -200px);
}

.panel:hover {
	cursor: pointer;
}

.reflect .panel.hover[data-position="0"] {
	transform: scale(1.2) rotateY(90deg) translate(0px, -200px);
}

.reflect .panel.hover[data-position="1"] {
	transform: scale(0.80) rotateY(80deg) translate(0px, -180px);
}

.reflect .panel.hover[data-position="2"] {
	transform: scale(0.62) rotateY(35deg) translate(0px, -70px)
}

.reflect .panel.hover[data-position="3"] {
	transform: scale(0.565) rotateY(0deg) translate(0px, -30px);
}

.reflect .panel.hover[data-position="4"] {
	transform: scale(0.62) rotateY(-35deg) translate(0px, -70px)
}

.reflect .panel.hover[data-position="5"] {
	transform: scale(0.80) rotateY(-80deg) translate(0px, -180px);
}

.reflect .panel.hover[data-position="6"] {
	transform: scale(1.2) rotateY(-90deg) translate(0px, -200px);
}

.panel[data-position="1"].hover {
	transform: scale(0.80) rotateY(80deg);
}

.panel[data-position="2"].hover {
	transform: scale(0.75) rotateY(35deg);
}

.panel[data-position="3"].hover {
	transform: scale(0.70) rotateY(0deg);
}

.panel[data-position="4"].hover {
	transform: scale(0.75) rotateY(-35deg);
}

.panel[data-position="5"].hover {
	transform: scale(0.80) rotateY(-80deg);
}

.panel.open {
	transform: scale(1) rotateY(0deg) translate(0px, 120px);
	z-index: 100;
	left: 50%;
	top: 50%;
}

.panel.open div.face-background {
	opacity: 0;
}

.panel.open h2 {
	opacity: 0;
}

.panel.fade_back {
	filter: blur(0px);
	opacity: 0.2;
	pointer-events: none;
}

.panel.open div.face-cover {
	background-size: 105%;
	width: 1280px;
	height: 720px;
}

.hidden {
	display: none;
}

div.face {
	position: absolute;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

div.face-background {
	background-image: url(bg.png);
	opacity: 0.8;
	height: 740px;
	width: 840px;
	background-position: center center;
	transform: translateX(-50%) translateY(-50%) translateZ(10px);
	transition: scale 0.1s, width 0.4s, height 0.4s, opacity 0.4s;
}

div.face-background.custom_1 {
	background-image: url(bg_custom_1.png);
	opacity: 0.95;
}

div.face-background.custom_2 {
	background-image: url(bg_custom_2.png);
	opacity: 0.95;
}

div.face-background.custom_3 {
	background-image: url(bg_custom_3.png);
	opacity: 0.95;
}

div.face-background.custom_4 {
	background-image: url(bg_custom_4.png);
	opacity: 0.95;
}

div.face-background.custom_5 {
	background-image: url(bg_custom_5.png);
	opacity: 0.95;
}

div.face-background.custom_6 {
	background-image: url(bg_custom_6.png);
	opacity: 0.95;
}

div.face-cover {
	height: 740px;
	width: 840px;
	transform: translateX(-50%) translateY(-50%) translateZ(10px);
	transition: scale 0.4s, width 0.4s, height 0.4s, opacity 0.4s;
}

div.face-background.xl,
div.face-cover.xl {
	width: 1000px;
    left: 80px;
}

h2 {
	transition: opacity 0.4s;
}

.panel_background {
	width: 100%;
	height: 100%;
	background-color: rgba(95, 169, 147, 0.8);
}

/* ----- END GENERAL PANEL STYLES ----- */
/* ----- FORM STYLES ----- */

.lightbox {
	display: none;
	position: absolute;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.25));
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.video_lightbox {
	display: none;
}

.video_lightbox p {
	font-family: 'Open Sans', sans-serif;
	color: #0b78b0;
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
	text-shadow: 1px 1px 0px white;
	cursor: pointer;
}

.video_lightbox .form_scroll_container {
	overflow: hidden;
	width: 800px;
	height: 460px;
	border: 5px solid #0b78b0
}

.video_lightbox video {
	width: 100%;
	height: 100%;
}

.survey_lightbox {}

.form_scroll_container {
	width: 660px;
	border: 1px solid #0b78b0;
	left: 50%;
	overflow-x: hidden;
	overflow-y: scroll;
	height: 620px;
	background-color: white;
}

form {
	width: 640px;
	padding: 40px 0px;
}

form fieldset {
	border: 0px;
	display: flex;
	flex-direction: column;
	width: 640px;
	font-family: 'Open Sans', sans-serif;
}

form fieldset:first-of-type .collapse {
	display: block;
}

form fieldset .field_label_container {
	transform: skew(-32.5deg) translate(-50px);
	background-color: #0b78b0;
}

form .secondary_option div[data-link] {
	display: none;
}

form .secondary_option .field_label_container {
	margin: 20px 0px;
}

form .secondary_option .field_label_container p {
	padding: 5px 20px;
	padding-left: 70px;
}

form fieldset p {
	transform: skew(32.5deg);
	display: inline-block;
	padding: 0px;
	margin: 0px;
	font-size: 18px;
	color: white;
	padding: 15px 20px;
	box-sizing: border-box;
	cursor: pointer;
	padding-left: 115px;
	line-height: 24px;
	position: relative;
}

form fieldset .collapse {
	padding: 20px 0px;
	width: 100%;
}

form fieldset label {
	display: block;
	padding: 0px 20px;
	box-sizing: border-box;
	width: 100%;
	display: flex;
}

form fieldset label:not(:last-of-type) {
	margin-bottom: 5px;
}

form input[type="radio"] {
	align-self: flex-start;
	margin-right: 10px;
}

form input[type="text"],
form input[type="email"] {
	display: block;
	width: calc(100% - 120px);
	margin: 0px 20px;
	box-sizing: border-box;
	padding: 10px 20px;
	font-family: 'Open Sans', sans-serif;
	border: 1px solid #0b78b0;
	font-size: 14px;
}

form select {
	display: block;
	width: calc(100% - 120px);
	margin: 0px 20px;
	box-sizing: border-box;
	padding: 10px 20px;
	font-family: 'Open Sans', sans-serif;
	border: 1px solid #0b78b0;
	font-size: 14px;
}

form select option[disabled] {
	background-color: #0b78b0;
	color: white;
}

textarea {
	display: block;
	width: calc(100% - 120px);
	margin: 0px 20px;
	box-sizing: border-box;
	padding: 10px 20px;
	font-family: 'Open Sans', sans-serif;
	border: 1px solid #0b78b0;
	height: 120px;
	font-size: 14px;
}

form .number {
	display: inline-flex;
	width: 30px;
	height: 30px;
	font-family: 'Open Sans', sans-serif;
	color: white;
	border: 2px solid white;
	border-radius: 50%;
	margin-right: 10px;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	transform: translate(-50px, -50%);
}

form input[type="submit"] {
	padding: 20px 60px;
	background-color: #0b78b0;
	border: 1px solid white;
	color: white;
	font-size: 18px;
	font-family: Open Sans;
	font-weight: normal;
	position: relative;
	left: 50%;
	transform: translate(-50%);
	cursor: pointer;
	transition: background-color 0.4s;
	-webkit-appearance: none;
}

form input[type="submit"]:hover {
	background-color: #71CC98;
}

.survey {
	position: absolute;
	top: 55px;
	left: 140px;
	width: 140px;
	z-index: 90;
	display: flex;
	align-items: center;
	cursor: pointer;
	display: none;
}

.survey img {
	margin-right: 20px;
}

.survey h3 {
	color: #75787B;
	text-shadow: 1px 1px 0px white;
}

.question {
	z-index: 90;
	display: flex;
	align-items: center;
	background-color: #0b78b0;
	background-image: linear-gradient(#1ea1e5, #0a6695);
	color: white;
	height: 54px;
	padding: 0px 20px;
	border-radius: 30px;
	cursor: pointer;
	width: 40px;
	position: relative;
	left: 50%;
	transform: translate(-50%);
	margin-top: 20px;
}

.question .envelope {
	width: 40px;
}

.question h3 {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
}

.question i {
	margin-right: 10px;
	font-size: 28px;
}

.survey_close,
.question_close {
	font-family: Open Sans;
	padding: 5px 20px;
	border-bottom: 1px dashed #5a5a5a;
	margin-top: 10px;
	transition: border 0.4s, color 0.4s, text-shadow 0.4s;
	cursor: pointer;
	font-weight: bold;
	color: #5a5a5a;
}

.survey_close:hover,
.question_close:hover {
	border-color: #0b78b0;
	color: #0b78b0;
	text-shadow: 1px 1px 0px white;
}

/* ----- END FORM STYLES ----- */

/* */
.email_popup {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1000;
	transform: translate(-50%, -50%);
	background-color: rgba(0, 0, 0, 0.85);
	width: 960px;
	height: 600px;
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	cursor: initial;
}

.email_popup .icon_container {
	width: 140px;
	height: 140px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	border: 5px solid #0b78b0;
	opacity: 1;
	filter: grayscale(1) contrast(0) brightness(2);
	transition: filter 0.2s;
	cursor: pointer;
}

.email_popup .icon_content:hover .icon_container{
	filter: initial;
}

.email_popup .icon_container img {
	width: 70px;
}

.email_popup .text_container p {
	color: white;
	width: 720px;
	font-size: 14px;
	line-height: 1.2rem;
	font-style: italic;
	margin-top: 40px;
}

.email_popup .text_container a {
	color: #99ccff;
	text-decoration: none;
}

.email_popup .email_close_container {
	position: absolute;
	top: 20px;
	right: 20px;
	color: white;
	font-size: 32px;
	line-height: 32px;
	cursor: pointer;
	transition: color 0.2s;
}

.email_popup .email_close_container:hover {
	color: #0b78b0;
}
/* */

video {
	object-fit: cover;
	object-position: inherit;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}

.logo {
	position: absolute;
	top: 40px;
	right: 140px;
	width: 320px;
	z-index: 15;
}

.logo_lg {
	left: 50%;
	position: absolute;
	top: 80px;
	z-index: 15;
	transform: translate(-50%);
	width: 880px;
	opacity: 0.33;
}

.logo img,
.logo_lg img {
	width: 100%;
}

.note {
	position: absolute;
	z-index: 20;
	display: inline-block;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	color: #383838;
	left: 50%;
	transform: translate(-50%);
	width: 600px;
	text-align: center;
	bottom: 30px;

}

.splash {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.25));
	z-index: 200;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.splash:not(.intro) {
	display: none;
}

.splash:not(.intro) .splash_contents {
	background-color: white;
	width: 780px;
	height: 720px;
	position: relative;
	top: 10px;
	padding: 0px;
	justify-content: space-between;
	box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.1);
}

.splash:not(.intro) .splash_contents .splash_content_container {
	padding: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.splash:not(.intro) .splash_contents .splash_content_container img {
	width: 240px;
}

.splash:not(.intro) .splash_contents .splash_content_container p {
	color: #73726d;
	font-weight: initial;
	line-height: 1.8rem;
}

.splash:not(.intro) .splash_contents .splash_content_container p a {
	font-weight: bold;
	color: #0b78b0;
	text-decoration: none;
	transition: color 0.4s;
}

.splash:not(.intro) .splash_contents .splash_content_container p a:hover {
	color: #71cc98;
}

.splash_close_button {
	background-color: #0b78b0;
	color: white;
	width: 100%;
	text-align: center;
	cursor: pointer;
	border-top: 10px solid rgba(255, 255, 255, 0.9);
	transition: background-color 0.4s;
}

.splash_close_button:hover {
	background-color: #71cc98;
}

.splash .splash_close_button p {
	color: white;
	text-shadow: initial;
}

.splash p {
	font-family: 'Open Sans', sans-serif;
	color: #0b78b0;
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
	text-shadow: 1px 1px 0px white;
	margin: 0px;
}

.splash_contents {
	width: 640px;
	background-image: radial-gradient(rgb(255, 255, 255), rgba(255, 255, 255, 0.75));
	padding: 60px 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	box-sizing: border-box;
}

.splash_contents img {
	max-width: 280px;
}

.splash_contents h1 {
	color: #74726d;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	text-align: center;
	margin: 0px;
	font-size: 42px;
	line-height: 56px;
}

.splash.instructions {
	display: none;
	background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
}

.splash.instructions .splash_contents {
	width: 1280px;
	padding: 0px 20px;
	height: 760px;
	transform: translate(0px, 10px);
	position: relative;
	background-color: white;
	box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.33);
	transition: box-shadow 1s, border 1s, opacity 1s, width 1s, height 1s, transform 1s;
	border: 4px solid #0b78b0;
}

.splash.instructions .splash_contents img {
	max-width: 800px;
	transition: max-width 1s;
}

.divider {
	border-bottom: 8px solid #0b78b0;
	margin-bottom: 15px;
	padding-bottom: 20px;
	width: 100%;
}

@media (max-width: 1600px) {
	.about .dl {
		height: 269px;
	}
	
	.about .dl:nth-of-type(1) {	
		top: 22px;
		left: 22px;
		width: 689px;
	}
	
	.about .dl:nth-of-type(2) {	
		bottom: 22px;
		left: 22px;
		width: 342px;
	}
	
	.about .dl:nth-of-type(3) {	
		bottom: 22px;
		right: 22px;
		width: 342px;
	}
	
	.splash.instructions .splash_contents {
		width: 1280px;
		height: 760px;
		transform: translate(0px, 0px);
	}
	
	.icon_container {
		width: 80px;
		height: 80px;
	}
	
	.panel_container {
		top: -50px;
	}
	
	.logo {
		width: 120px;
		top: 30px;
		left: 75px;
	}
	
	.survey {
		top: 30px;
		left: 75px;
	}
	
	.left,
	.right {
		width: 120px;
	}
	
	.open .container {
		transform: translate(0px, -70px);
	}
	
	.gradient_bg {
		background-size: 105%;
	}
	
	.video_screen.slide:nth-of-type(1).selected,
	.pathway.slide:nth-of-type(1).selected,
	.pathway.slide:nth-of-type(2).selected,
	.pathway.slide:nth-of-type(3).selected,
	.pathway.slide:nth-of-type(4).selected,
	.pathway.slide:nth-of-type(5).selected,
	.pathway.slide:nth-of-type(6).selected,
	.pathway.slide:nth-of-type(7).selected,
	.pathway.slide:nth-of-type(8).selected,
	.poster.slide:nth-of-type(1).selected,
	.poster.slide:nth-of-type(2).selected,
	.poster.slide:nth-of-type(3).selected,
	.poster_2.slide:nth-of-type(1).selected,
	.poster_2.slide:nth-of-type(2).selected,
	.poster_2.slide:nth-of-type(3).selected,
	.tps.slide:nth-of-type(1).selected,
	.trials.slide:nth-of-type(1).selected,
	.about.slide:nth-of-type(2).selected	{
		width: 1040px;
		height: 585px;
	}

	.about.slide:nth-of-type(1).selected {
		width: 800px;
		height: 720px;
	}

	.proof_trial.slide:nth-of-type(1).selected {
		width: 940px;
		height: 720px;
	}

	.proof_trial.slide:nth-of-type(1).selected.x2 {
		width: 940px;
		height: 720px;
	}
	
	.poster_placeholder.slide:nth-of-type(1).selected {
		width: 1280px;
		height: 740px;
	}

	.poster_placeholder.slide:nth-of-type(1).selected.x2 {
		width: 1280px;
		height: 740px;
	}

	.trials.slide:nth-of-type(2).selected {
		width: 730px;
		height: 585px;
	}
	
	.about .email:nth-of-type(1) {
		top: 130px;
		left: 75px;
	}

	.about .email:nth-of-type(2) {
		top: 280px;
		left: 75px;
	}

	.about .email:nth-of-type(3) {
		z-index: 20;
		top: 430px;
		left: 75px;
	}

	.about .email:nth-of-type(4) {
		top: 130px;
		left: 575px;
	}

	.about .email:nth-of-type(5) {
		top: 280px;
		left: 575px;
	}

	.about .email:nth-of-type(6) {
		z-index: 20;
		top: 430px;
		left: 575px;
	}

	.about .email {
		display: none;
		width: 440px;
		height: 135px;
		position: absolute;
		z-index: 20;
		pointer-events: none;
	}
	
	.pathway .link.qed {
		width: 176px !important;
		height: 30px !important;
		top: 600px !important;
		left: 418px !important;
	}

	.pathway .link.bridgebio {
		width: 160px !important;
		height: 30px !important;
		top: 1094px !important;
		left: 738px !important;
	}

	.pathway .link.helsinn.website {
		width: 196px !important;
		height: 30px !important;
		top: 2113px !important;
		left: 463px !important;
	}

	.pathway .link.helsinn.twitter {
		width: 78px !important;
		height: 30px !important;
		top: 2113px !important;
		left: 859px !important;
	}

	.pathway .link.helsinn.linkedin {
		width: 96px !important;
		height: 30px !important;
		top: 2145px !important;
		left: 76px !important;
	}

	.pathway .link.helsinn.vimeo {
		width: 72px !important;
		height: 30px !important;
		top: 2145px !important;
		left: 231px !important;
	}

	.pathway .link.helsinn.learn {
		width: 397px !important;
		height: 45px !important;
		top: 104px !important;
		left: 317px !important;
	}
	
	.iframe_slide.slide[data-name="pipeline"].selected {
		width: 1400px;
		height: 660px;
	}

	#root {
		width: 1400px !important;
	}
	
	.proof_trial:nth-of-type(1) .link.clinicaltrials {
		width: 100px !important;
		height: 45px !important;
		top: 375px;
		left: 305px;
	}
		
	.proof_trial.x2:nth-of-type(1) .link.clinicaltrials {
		width: 105px !important;
		height: 45px !important;
		left: 600px;
		top: 760px;
	}
	
	.proof_trial:nth-of-type(1) .link.helsinn {
		width: 285px !important;
		height: 40px !important;
		left: 795px;
		top: 675px;
	}
	
	.proof_trial.x2:nth-of-type(1) .link.helsinn {
		width: 555px !important;
		height: 60px !important;
		left: 1565px;
		top: 1330px;
	}
	
	.proof_trial:nth-of-type(1) .link.qed {
		width: 285px !important;
		height: 40px !important;
		left: 795px;
		top: 635px;
	}
	
	.proof_trial.x2:nth-of-type(1) .link.qed {
		width: 555px !important;
		height: 60px !important;
		left: 1565px;
		top: 1260px;
	}
}

@media (max-width: 1440px) {
	.logo_lg {
		top: 120px;
		width: 820px;
	}
	
	.page_container {
		max-height: 880px;
	}
	
	.splash.instructions .splash_contents {
		width: 1080px;
		height: 640px;
		transform: translate(0px, -10px);
	}
	
	.splash.instructions .splash_contents img {
		max-width: 680px;
	}
	
	.iframe_slide.slide[data-name="pipeline"].selected {
		width: 1115px;
		height: 660px;
	}
	
	#root {
		width: 1115px !important;
	}
	
	.gradient_bg {
		background-size: 95%;
	}
	
	.panel_container {
		top: -20px;
	}

	.open .container {
		transform: translate(0px, -110px);
	}
	
		
	.poster_placeholder.slide:nth-of-type(1).selected {
		width: 1040px;
		height: 600px;
	}

	.poster_placeholder.slide:nth-of-type(1).selected.x2 {
		width: 1040px;
		height: 600px;
	}
}

@media (-webkit-min-device-pixel-ratio: 2) and (max-width: 1440px), 
(min-resolution: 192dpi) and (max-width: 1440px) { 
    .logo_lg {
		top: 80px;
		width: 820px;
	}
}

@media (max-width: 1366px) {
	.page_container {
		max-height: 780px;
	}
	
	.logo_lg {
		top: 80px;
		width: 780px;
	}
}

@media (max-width: 1280px) {
	.splash.instructions .splash_contents {
		width: 1040px;
		height: 620px;
		transform: translate(0px, -5px);
	}

	.splash.instructions .splash_contents img {
		max-width: 600px;
	}
	
	.iframe_slide.slide[data-name="pipeline"].selected {
		width: 1080px;
		height: 640px;
	}
	
	#root {
		width: 1080px !important;
	}
	
	.gradient_bg {
		background-size: 90%;
	}
	
	.panel_container {
		top: 0px;
	}
	
	.open .container {
		transform: translate(0px, -125px);
	}
	
	.logo_lg {
		width: 720px;
		top: 100px;
	}
}

@media (-webkit-min-device-pixel-ratio: 2) and (max-width: 1280px), 
(min-resolution: 192dpi) and (max-width: 1280px) {
	.logo_lg {
		top: 60px;
		width: 680px;
	}	
}

@media (max-width: 1112px) {
	.splash.instructions .splash_contents {
		width: 920px;
		height: 560px;
		transform: translate(0px, -5px);
	}
	
	.iframe_slide.slide[data-name="pipeline"].selected {
		width: 940px;
		height: 560px;
	}
	
	#root {
		width: 940px !important;
	}
	
	.panel_container {
		overflow: hidden;
	}
	
	.note {
		font-size: 12px;
	}

	.panel_container.reflect {
		/* display: none; */
	}
	
	.logo {
		left: 30px;
	}

	.logo_lg {
		width: 720px;
	}
	
	.survey {
		left: 30px;
	}
	
	.video_screen.slide:nth-of-type(1).selected,
	.pathway.slide:nth-of-type(1).selected,
	.pathway.slide:nth-of-type(2).selected,
	.pathway.slide:nth-of-type(3).selected,
	.pathway.slide:nth-of-type(4).selected,
	.pathway.slide:nth-of-type(5).selected,
	.pathway.slide:nth-of-type(6).selected,
	.pathway.slide:nth-of-type(7).selected,
	.pathway.slide:nth-of-type(8).selected,
	.poster.slide:nth-of-type(1).selected,
	.poster.slide:nth-of-type(2).selected,
	.poster.slide:nth-of-type(3).selected,
	.poster_2.slide:nth-of-type(1).selected,
	.poster_2.slide:nth-of-type(2).selected,
	.poster_2.slide:nth-of-type(3).selected,
	.tps.slide:nth-of-type(1).selected,
	.trials.slide:nth-of-type(1).selected,
	.about.slide:nth-of-type(2).selected	{
		width: 960px;
		height: 540px;
	}

	.about.slide:nth-of-type(1).selected {
		width: 780px;
		height: 700px;
	}

	.proof_trial.slide:nth-of-type(1).selected {
		width: 910px;
		height: 700px;
	}
	
	.proof_trial.slide:nth-of-type(1).selected.x2 {
		width: 910px;
		height: 700px;
	}
	
	.proof_trial:nth-of-type(1) .link.clinicaltrials {
		width: 100px !important;
		height: 45px !important;
		top: 365px;
		left: 295px;
	}
	
	.proof_trial.x2:nth-of-type(1) .link.clinicaltrials {
		width: 60px !important;
		height: 40px !important;
		left: 575px;
		top: 735px;
	}
	
	.proof_trial:nth-of-type(1) .link.helsinn {
		width: 275px !important;
		height: 35px !important;
		left: 770px;
		top: 655px;
	}
	
	.proof_trial.x2:nth-of-type(1) .link.helsinn {
		width: 535px !important;
		height: 55px !important;
		left: 1510px;
		top: 1290px;
	}
	
	.proof_trial:nth-of-type(1) .link.qed {
		width: 275px !important;
		height: 35px !important;
		left: 770px;
		top: 620px;
	}
	
	.proof_trial.x2:nth-of-type(1) .link.qed {
		width: 535px !important;
		height: 55px !important;
		left: 1510px;
		top: 1220px;
	}

	.poster.slide:nth-of-type(3).selected {
/* 		width: 405px;
		height: 540px; */
	}
	
	.poster.slide:nth-of-type(3).selected.x2 {
/* 		width: 960px;
		height: 530px; */
	}
	
	.panel.fade_back {
		filter: blur(0px);
		pointer-events: none;
		opacity: 0;
	}
	
	.panel[data-position="1"],
	.panel[data-position="5"] {
		opacity: 0;
	}
	
	.about:hover,
	.video_screen:hover,
	.poster:hover,
	.proof_trial:hover,
	.trials:hover,
	.pathway:hover {
		box-shadow: initial;
	}
	
	.about,
	.video_screen,
	.poster,
	.poster_2,
	.proof_trial,
	.trials,
	.pathway {
		box-shadow: initial;
	}
	
	.panel[data-position="2"],
	.panel[data-position="4"] {
		/* pointer-events: none; */
	}
	
	.left,
	.right {
		width: 240px;
	}
	
	.left .icon_container {
		transform: translate(-90px);
	}
	
	.right .icon_container {
		transform: translate(90px);
	}
	
	.survey_close,
	.question_close {
		color: white;
		border-color: white;
	}
	
	.survey_close:hover,
	.question_close:hover {
		color: white;
		border-color: white;
	}
	
	.about .email:nth-of-type(1) {
		top: 120px;
		left: 65px;
	}

	.about .email:nth-of-type(2) {
		top: 260px;
		left: 65px;
	}

	.about .email:nth-of-type(3) {
		z-index: 20;
		top: 400px;
		left: 65px;
	}

	.about .email:nth-of-type(4) {
		top: 120px;
		left: 530px;
	}

	.about .email:nth-of-type(5) {
		top: 260px;
		left: 530px;
	}

	.about .email:nth-of-type(6) {
		z-index: 20;
		top: 400px;
		left: 530px;
	}

	.about .email {
		display: none;
		width: 420px;
		height: 125px;
		position: absolute;
		z-index: 20;
		pointer-events: none;
	}
	
	.pathway .link.qed {
		width: 164px !important;
		height: 30px !important;
		top: 552px !important;
		left: 385px !important;
	}

	.pathway .link.bridgebio {
		width: 146px !important;
		height: 30px !important;
		top: 1008px !important;
		left: 681px !important;
	}

	.pathway .link.helsinn.website {
		width: 181px !important;
		height: 30px !important;
		top: 1946px !important;
		left: 426px !important;
	}

	.pathway .link.helsinn.twitter {
		width: 70px !important;
		height: 30px !important;
		top: 1946px !important;
		left: 792px !important;
	}

	.pathway .link.helsinn.linkedin {
		width: 88px !important;
		height: 30px !important;
		top: 1976px !important;
		left: 71px !important;
	}

	.pathway .link.helsinn.vimeo {
		width: 66px !important;
		height: 30px !important;
		top: 1976px !important;
		left: 213px !important;
	}

	.pathway .link.helsinn.learn {
		width: 368px !important;
		height: 45px !important;
		top: 93px !important;
		left: 291px !important;
	}
}