body>* {
	font-family: 'Lato', sans-serif;
	color: #4D4D4D;
}

a {
	color: #999;
}

/*top navigation*/

.nav {
	background: #104378;
	padding: 0;
	margin: 0;
	position: relative;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
}

.nav__item-wrapper {
	margin: 0;
	margin-left: calc(-200px + 64vw);
	list-style: none;
}

.nav__circle {
	content: '';
	background: white;
	position: absolute;
	border-radius: 50%;
	width: 55%;
	height: 55%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.nav__circle--outer {
	top: -7vw;
	left: -18vw;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 65vw;
	height: 65vw;
}

.nav__circle--mid {
	background: #104378;
}

.nav__circle--inner {
	background: #2491EB;
	width: 42%;
	height: 42%;
}

.nav__item-link {
	text-decoration: none;
	font-size: 7vw;
	line-height: 1.8;
	color: #2491EB;
	font-weight: 600;
}



.nav__item-link:active,
.nav__item-link:hover {
	color: white;
}

.nav-toggle {
	transition: top 0.3s;
	/* Transition effect when sliding down (and up) */
}

/* .nav-toggle.hide {
	top: -50px;
	transition: top .3s;
} */


/*nav animation*/

.nav {
	transition: right 0.5s ease;
	cursor: pointer;
	position: fixed;
	z-index: 1000;
	overflow: hidden;
	width: 100%;
	right: -100%;
	/* right: 0; */
	opacity: 0;
	transition: opacity 300ms, right 0ms 300ms;
}

.nav.expanded {
	right: 0;
	opacity: 1;
	transition: opacity 300ms 0ms, right 0ms 300ms;
	height: 100vh;
}



/*
.nav ul {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  list-style: none;
  margin: 0;
  padding: 0;
}
*/

.nav-toggle,
.nav-toggle.expanded.hide {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	cursor: pointer;
	height: 2rem;
	right: 2rem;
	position: fixed;
	top: 2rem;
	width: 2.5rem;
	z-index: 1001;
}

.nav-toggle:hover {
	opacity: 0.8;
}

.nav-toggle .nav-toggle-bar,
.nav-toggle .nav-toggle-bar::after,
.nav-toggle .nav-toggle-bar::before {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: all 0.5s ease;
	background: white;
	content: '';
	height: 0.4rem;
	width: 100%;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
	box-sizing: border-box;
}

.nav-toggle .nav-toggle-bar {
	margin-top: 0;
}

.nav-toggle .nav-toggle-bar::after {
	margin-top: 0.8rem;
}

.nav-toggle .nav-toggle-bar::before {
	margin-top: -0.8rem;
}

.nav-toggle.expanded .nav-toggle-bar {
	background: transparent;
}

.nav-toggle.expanded .nav-toggle-bar::after,
.nav-toggle.expanded .nav-toggle-bar::before {
	background: white;
	margin-top: 0;
}

.nav-toggle.expanded .nav-toggle-bar::after {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.nav-toggle.expanded .nav-toggle-bar::before {
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


@media screen and (min-width: 50em) {

	.nav {
		height: 53vw;
	}

	.nav__item {
		height: 6vw;
		max-height: 77px;
	}

	.nav__item-link {
		font-size: 2.8vw;
	}

	.nav__item-wrapper {
		margin: 0;
		margin-left: 28vw;
		list-style: none;
	}

	.nav__item:nth-of-type(1) {
		margin-left: -5vw;
	}

	.nav__item:nth-of-type(2) {
		margin-left: -3vw;
	}

	.nav__item:nth-of-type(3) {
		margin-left: -1vw;
	}

	.nav__item:nth-of-type(4) {
		margin-left: 0;
	}

	.nav__item:nth-of-type(5) {
		margin-left: -1vw;
	}

	.nav__item:nth-of-type(6) {
		margin-left: -3vw;
	}

	.nav__item:nth-of-type(7) {
		margin-left: -5vw;
	}

	.nav__circle--outer {
		top: 50%;
		margin-top: -33%;
	}

}


/*panel 1*/
.panel1 {
	min-height: 100vh;
	text-align: center;
	background: #2491EB;
	color: white;
	overflow: hidden;
	position: relative;

}

.panel1__logo {
	position: absolute;
	top: 2vw;
	left: 3vw;
	width: 80px;
	height: 80px;
	display: block;
	z-index: 20;
}

.panel1__title--wrapper {
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: linear-gradient(rgb(10, 42, 76), rgb(16, 67, 120));
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 60%, 50% 100%, 0% 60%);
	clip-path: polygon(0% 0%, 100% 0%, 100% 60%, 50% 100%, 0% 60%);
	position: relative;
	z-index: 10;
}

.panel1__title {
	font-size: 2.2rem;
	flex-basis: 80%;
	padding: 7vh 10px 15vh;
}

.panel1__title strong {
	text-transform: uppercase;
	font-size: 1.6rem;
	font-weight: 300;
	color: #2491EB;
}


.panel1__body--title {
	font-size: 6vwvw;
	text-transform: uppercase;
	font-weight: 300;
	letter-spacing: 2px;
	padding: 17vw 1% 5.6vw;
	position: relative;
}

.panel1__body {
	position: relative;
}

.panel1__body--title strong {
	color: white;
	font-size: 9.7vw;
	text-transform: initial;
	font-weight: bold;
	letter-spacing: 0;
}

/* .panel1__body--title:before {
	content: '';
	width: 17vw;
	height: 17vw;
	background: white;
	position: absolute;
	top: -10vw;
	border-radius: 50%;
	left: calc(50% - 8.5vw);
	z-index: 100;
} */
/* .panel1__title--wrapper:before {
	content: '';
	width: 17vw;
	height: 17vw;
	background: white;
	position: absolute;
	bottom: -10.5vw;
	border-radius: 50%;
	left: calc(50% - 8.5vw);
	z-index: 100;
} */
.panel1__dot {
	content: '';
	width: 17vw;
	height: 17vw;
	background: white;
	position: absolute;
	top: -11vw;
	border-radius: 50%;
	left: calc(50% - 8.5vw);
	z-index: 100;
}

.panel1__body--title:after {
	content: '';
	width: 75vw;
	height: 75vw;
	position: absolute;
	top: -39.15vw;
	border-radius: 50%;
	border: 16vw solid rgba(255, 255, 255, .5);
	box-sizing: border-box;
	left: calc(50% - (75vw / 2));
}

.panel1__body--subtitle {
	font-size: 1.3rem;
	width: 72vw;
	margin: auto;
	font-weight: 400;
	color: rgb(16, 67, 120);
	line-height: 1.4;
}

.panel1__body--subtitle span {
	color: white;
}

.panel1__body--subtitle strong {
	color: rgb(16, 67, 120);
	font-weight: bold;
	font-size: inherit;
}

.panel1__features--wrapper {
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: 55vw;
	margin: 7vw auto 20vw;
	color: #104378;

	flex-direction: column;
	font-size: 1rem;
	letter-spacing: 2px;
}

.features__plus {
	font-size: 2rem;
	position: relative;
	top: -1rem;
	opacity: .4;
	margin-bottom: 0;
	font-weight: 700;
}

.panel1__feature {
	flex-basis: 30%;
	margin-left: 13px
}

.panel1__feature:nth-of-type(3) {
	margin-left: 12px;
}

.panel1__feature img {
	width: auto;
	max-width: 117px;
}

/* panel 1 parallax*/

.panel1__bkg {
	content: '';
	position: absolute;
	width: 100%;
	height: 140%;
	top: 0;
	background-size: cover;
}

.panel1__bkg:before {
	content: '';
	position: absolute;
	bottom: calc(53vh * 0.5);
	bottom: 64vh;
	left: -48px;
	background: url("/_images/molecule-04.svg") no-repeat;
	width: 27vw;
	height: 27vw;
	background-size: contain;
	opacity: 0.2;
}

.panel1__bkg:after {
	content: '';
	position: absolute;
	top: calc(161vh * 0.5);
	right: -21px;
	background: url("/_images/molecule-02.svg") no-repeat;
	width: 26vw;
	height: 23vw;
	background-size: contain;
	opacity: 0.2;
	transform: rotate(222deg);
}



.panel1__frg {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	/*    background: url(https://picsum.photos/500/500) no-repeat;*/
	/*    background-color: red;*/
	top: 23vh;
	background-size: cover;
}

.panel1__frg:before {
	content: '';
	position: absolute;
	top: calc(10vh * 0.5);
	left: -48px;
	background: url("/_images/molecule-02.svg") no-repeat;
	width: 27vw;
	height: 27vw;
	background-size: contain;
}

.panel1__frg:after {
	content: '';
	position: absolute;
	bottom: 28vh;
	right: -53px;
	background: url("/_images/molecule-01.svg") no-repeat;
	width: 27vw;
	height: 27vw;
	background-size: contain;
}

/* panel 2*/
.panel2 {
	padding: 7vw 6vw;
	max-width: 1300px;
	margin: auto;
}

/* panel 2 hero*/

.panel2-intro {
	display: flex;
	color: #4D4D4D;
	flex-wrap: wrap;
	margin-bottom: 5vw;
}

.panel2-intro__text,
.panel2-intro__title {
	flex: 1 2 60%;
}

.panel2-intro__text {
	max-width: 100%;
}

.panel2-intro__image {
	flex: 1 1 100%;
}

.panel2__title {
	font-size: calc(2em + 1vw);
	color: #104378;
	font-weight: 300;
	line-height: 1;
}

.panel2__title strong {
	font-weight: 700;
}

.hot {
	color: #D84141;
}

.cold {
	color: #2491EB;
}

@media screen and (min-width: 42.500em) {
	.panel2 {
		padding: 7vw 10vw;
	}
	.panel1__title {
		font-size: 7vw;
		flex-basis: 50%;
	}

	.panel1__title strong {
		text-transform: uppercase;
		font-size: 4vw;
		font-weight: 300;
	}

	.panel1__features--wrapper {
		flex-direction: row;
		align-items: unset;
		margin-bottom: 8vw;
	}

	.features__plus {
		margin-bottom: inherit;
		top: 0
	}

	.panel1__feature img {
		width: 14vw;
	}


	/* .panel1__body--title:before {
    content: '';
    width: 8vw;
    height: 8vw;
    background: white;
    position: absolute;
    top: -7vw;
    border-radius: 50%;
    left: calc(50% - 4vw);
    z-index: 100;
  } */

	.panel1__dot {
		content: '';
		width: 8vw;
		height: 8vw;
		background: white;
		position: absolute;
		top: -7vw;
		border-radius: 50%;
		left: calc(50% - 4vw);
		z-index: 100;
	}

	.panel1__body--title:after {
		content: '';
		width: 33vw;
		height: 33vw;
		position: absolute;
		top: -20vw;
		border-radius: 50%;
		border: 7vw solid rgba(255, 255, 255, .5);
		box-sizing: border-box;
		left: 32.8vw;
	}


}

@media screen and (min-width: 50em) {
	.panel1__title {
		font-size: 6vw;
	}

	.panel1__body--title {
		font-size: 3.3vw;
	}

	.panel1__body--title strong {
		font-size: 7.7vw;
	}

	.panel1__body--subtitle {
		font-size: 2.2vw;
		width: 54vw;
	
	}

	.panel2-intro__image {
		flex: 1 1 40%;
	}

	.panel2-intro__text {
		max-width: 60%;
	}

	.panel2__title {
		font-size: 4.6rem;
	}

	/* .panel1__title--wrapper:before {
    content: '';
    width: 8vw;
    height: 8vw;
    background: white;
    position: absolute;
    bottom: -3.85vw;
    border-radius: 50%;
    left: calc(50% - 4vw);
    z-index: 1000;
    display: block;
} */
	/* .panel1__body--title:before {
    content: '';
    width: 8vw;
    height: 8vw;
    background: white;
    position: absolute;
    top: -7vw;
    border-radius: 50%;
    left: calc(50% - 4vw);
    z-index: 100;
  } */
	.panel1__dot {
		content: '';
		width: 8vw;
		height: 8vw;
		background: white;
		position: absolute;
		top: -7vw;
		border-radius: 50%;
		left: calc(50% - 4vw);
		z-index: 100;
	}

	.panel1__body--title:after {
		content: '';
		width: 33vw;
		height: 33vw;
		position: absolute;
		top: -19.15vw;
		border-radius: 50%;
		border: 7vw solid rgba(255, 255, 255, .5);
		box-sizing: border-box;
		left: calc(50% - 16.5vw);
	}

}

/*panel2 tabs*/


.pane2__tabs-button a {
	text-decoration: none;
	color: inherit;
	display: block;
	padding: 13px 0 4px;
	background: white;
}

@keyframes slideup {
	from {
		top: 0px;
	}

	to {
		top: -101px;
	}
}

.panel2__tabs-wrapper {
	z-index: 100;
	background: white;
	animation: slideUp 200ms linear;
	cursor: pointer;
}


@keyframes slideDown {
	from {
		top: -101px;
	}

	to {
		top: 0px;
	}
}

.sticky {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	animation: slideDown 200ms linear;
	max-width: 100vw;
}

.unstick {
	animation: slideUp 200ms linear;
}

.tabs-content.padded {
	padding-top: 100px;
}

/*tumor animation*/
.tumor svg {
	width: 100%;
	height: 100%;
	position: absolute;
	fill: white;
	stroke: #D84141;
	stroke-width: .4;
	opacity: 0.6;
	stroke-dasharray: 190 21;
	stroke-dashoffset: 77;
}

.tumor__border3-circle.heat {
	animation-name: tumor-rings-outer, tumor-outer-ring-fade-in;
	animation-duration: 3s, 12s;
	animation-timing-function: ease-in, ease-out;
	animation-iteration-count: infinite, infinite;
	animation-direction: alternate, normal;
	animation-fill-mode: both, both;
}


.tumor__core {
	background-color: #2491EB;
	width: 80%;
	height: 80%;
	content: '';
	position: relative;
	border-radius: 50%;
}

.tumor__core.heat {
	animation: tumor-heat 12s linear 0s infinite normal;
	animation-fill-mode: both;
}

.tumor {
	width: 50vw;
	height: 50vw;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 3px;
}

.panel2-intro__image {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.tumor__border3 {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 3px;
}

.tumor__border2 {
	width: 88%;
	height: 88%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.tumor__border1 {
	content: '';
	width: 80%;
	height: 80%;
	position: absolute;
}

.tumor__border1 {
	content: '';
	width: 84%;
	height: 84%;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
}

.tumor__shade {
	background: repeating-linear-gradient(-27deg, transparent, transparent 5px, white 5px, white 8px);
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0;
	opacity: .5;
	clip-path: polygon(50% 0%, 50% 99%, 100% 100%, 100% 0%);
	border-radius: 50%;
}

.tumor__border2-circle {
	stroke-width: .4;
	opacity: 0.6;
	stroke-dasharray: 190 21;
	stroke-dashoffset: 77;
}

.tumor__border2-circle.heat {
	animation-name: tumor-rings-mid, tumor-mid-ring-fade-in;
	animation-duration: 4000ms, 12s;
	animation-timing-function: ease-in, ease-out;
	animation-iteration-count: infinite, infinite;
	animation-direction: alternate, normal;
	animation-fill-mode: both, both;
}


svg.tumor__border1-circle {
	opacity: 1;
	stroke-dasharray: 150 10 70 5;
	stroke-dashoffset: 0;
}

svg.tumor__border1-circle.heat {
	animation-name: tumor-rings-mid, tumor-inner-ring-fade-in;
	animation-duration: 2000ms, 12s;
	animation-timing-function: ease-in, ease-out;
	animation-iteration-count: infinite, infinite;
	animation-direction: alternate, normal;
	animation-fill-mode: both, both;
}

@keyframes tumor-heat {
	0% {
		background-color: #2491EB;
	}

	35% {
		background-color: #2491EB;
	}

	40% {
		background-color: #D84141;
	}

	90% {
		background-color: #D84141;
	}

	100% {
		background-color: #2491EB;
	}
}

@keyframes tumor-rings-outer {
	from {
		stroke-dashoffset: -100;
	}

	to {
		stroke-dashoffset: 100;
	}
}

@keyframes tumor-rings-mid {
	from {
		stroke-dashoffset: 77;
	}

	to {
		stroke-dashoffset: -100;
	}
}

@keyframes tumor-rings-inner {
	from {
		stroke-dashoffset: 0;
	}

	to {
		stroke-dashoffset: -200;
	}
}

@keyframes tumor-inner-ring-fade-in {
	0% {
		opacity: 0;
	}

	10% {
		opacity: 0;
	}

	20% {
		opacity: 1;
	}

	90% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes tumor-mid-ring-fade-in {
	0% {
		opacity: 0;
	}

	15% {
		opacity: 0;
	}

	25% {
		opacity: 0.6;
	}

	90% {
		opacity: 0.6;
	}

	100% {
		opacity: 0;
	}
}

@keyframes tumor-outer-ring-fade-in {
	0% {
		opacity: 0;
	}

	20% {
		opacity: 0;
	}

	30% {
		opacity: 0.4;
	}

	90% {
		opacity: 0.4;
	}

	100% {
		opacity: 0;
	}
}

@media screen and (min-width: 50em) {
	.tumor {
		width: 25vw;
		height: 25vw;
		max-width: 300px;
		max-height: 300px;
	}

}

/*panel 3 intro*/
.panel2-intro__body {
	font-size: 1rem;
	line-height: 1.4;
	font-weight: 500;
}

@media screen and (min-width: 50em) {
	.panel2-intro__body {
		font-size: 1.3rem;
		line-height: 1.8;
	}
}

/*panel 3 tabs*/
.panel2__tabs-wrapper ul {
	width: 100%;
	display: flex;
	padding: 0;
}

.panel2__tabs-wrapper.sticky ul {
	width: auto;
	padding: 0 10vw;
	max-width: 1300px;
	margin: 0 auto;
}

.panel2__tabs-wrapper.sticky::after {
	content: '';
	display: block;
	width: 100%;
	position: absolute;
	bottom: -80px;
	height: 80px;
	background: rgb(255, 255, 255);
	background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
}

.panel2__tabs-wrapper li {
	flex: 1 1;
	text-align: center;
	list-style: none;
	text-transform: uppercase;
	font-size: 1rem;
	font-weight: 900;
	letter-spacing: 0.15vw;
	color: #ccc;
	padding: 10px 0;

}

/* .tabs-content__tab {
    opacity: 0;
    transition: opacity 2s linear 3s;
}
.tabs-content__tab1 {
    opacity: 1;
}

.tabs-content__tab.selected {
    opacity: 1;
    transition: opacity 2s linear 3s;
} */



.tabs-content__tab {
	animation: fadeEffect 1s;
}

@keyframes fadeEffect {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.pane2__tabs-link {
	color: #ccc;
	border-bottom: 2px solid #CCCCCC;
}

.pane2__tabs-link.selected {
	color: #104378;
	border-bottom: 3px solid #104378;
}

.tabs-content__tab2,
.tabs-content__tab3 {
	display: none;
}

/*panel 3 goal tab*/
.tab-callout__title {
	font-size: 1rem;
	font-weight: normal;
	border-bottom: 1px solid #eee;
	margin-left: 1vw;
	margin-right: 1vw;
	padding-bottom: 1.5vw;
	line-height: 1.4;
}

@media screen and (min-width: 30em) {
	.tab-callout__title {
		font-size: 1.3rem;
	}
}

#tab2 .tab-callout__title {
	padding-bottom: 0.2vw;
}

.tab__intro {
	font-size: 1rem;
	line-height: 1.4;
	font-weight: 500;
	text-align: center;

	margin: 16vw auto;
	text-align: center;
	max-width: 850px;
}

@media screen and (min-width: 50em) {
	.tab__intro {
		font-size: 1.3rem;
		line-height: 1.8;
		margin: 6vw auto;
	}
}

.tab-callout {
	display: flex;
	margin: 8vw auto;
	padding: 10vw 10vw;
	background: white;
	-webkit-box-shadow: 0px 0px 53px -1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 53px -1px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 53px -1px rgba(0, 0, 0, 0.1);
	position: relative;
	flex-wrap: wrap;
	order: 1;
}

#tab1 .tab-callout {
	max-width: 270px;
}


.tab-callout__section.tab-callout__small-section {
	flex: 1 1 30%;
	min-width: 220px;
}

.tab-callout__section.tab-callout__larger-section {
	flex: 1 2 60%;
	/* min-width: 330px; */
}

.tab-callout span {
	text-transform: uppercase;
	font-weight: bolder;
}

.tab-callout__section ul {
	font-size: 0.85rem;
	line-height: 1.5;
	font-weight: 500;
	list-style: none;
	margin-left: 0;
	padding-left: 16px;
}

.tab-callout--cold::before {
	content: '∟';
	transform: rotate(-45deg);
	display: inline-block;
	font-size: 1rem;
	font-weight: 300;
	padding: 10px;
	position: absolute;
	top: -16px;
	left: -28px;
	color: #2491EB;
}

.tab-callout--hot::before {
	content: '∟';
	transform: rotate(135deg);
	display: inline-block;
	font-size: 1rem;
	font-weight: 100;
	padding: 10px;
	position: absolute;
	top: -7px;
	left: -28px;
	color: #D84141;
}

.tab-callout__section ul li {
	position: relative;
	min-height: 43px;
	padding-top: 0vw;
	margin-top: 2vw;
}

.tab-callout::after {
	content: '';
	width: 57px;
	height: 29px;
	background: white;
	position: absolute;
	bottom: -28px;
	left: calc(50% - 26px);
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	box-shadow: 0px 0px 53px -1px rgba(0, 0, 0, 0.33);
}



.tabs-diagram-goal>* {
	position: absolute;
}

.tabs-diagram.tabs-diagram-goal ul {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

.tabs-diagram.tabs-diagram-goal li {
	position: absolute;
	left: calc(50% - 40px);
	top: calc(50% - 40px);
	list-style: none;
	transform: translate(-228px);
	background: #104378;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 0;
	margin-top: 0px;
}

.tabs-diagram.tabs-diagram-goal li img {
	width: 50px;
	height: 50px;
}

.tabs-diagram.tabs-diagram-goal li p {
	transform: translate(-106px);
	left: 60px;
	position: absolute;
	color: #1B6DB0;
	font-weight: 600;
	font-size: 1.05rem;
}

/*tab 1 tlr agents diagram*/
.tabs-diagram.tabs-diagram-goal {
	background: #2491EB;
	color: lightgray;
	border-radius: 50%;
	width: 400px;
	height: 400px;
	/* max-width: 100%; */
	margin: auto;
	position: relative;
}

.tabs-diagram.tabs-diagram-goal {
	background: #50A6EF;
	color: lightgray;
	border-radius: 50%;
	width: 400px;
	height: 400px;
	margin: auto;
	position: relative;
}

.tabs-diagram.tabs-diagram-goal {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 150px;
	margin-bottom: 150px;
	transform: scale(0.6);
	margin-left: -49px;
}
/* 340 */
@media screen and (min-width: 21.25em) {
	.tabs-diagram.tabs-diagram-goal {
		transform: scale(0.68);
		margin-left: -36px;
	}
}

@media screen and (min-width: 28.125em) {
	.tabs-diagram.tabs-diagram-goal {
		margin-left: auto;
	}
}

@media screen and (min-width: 31.250em) {
	.tabs-diagram.tabs-diagram-goal {
		transform: scale(0.8);
	}

	.tab-callout__section ul {
		padding-left: 40px;
	}

	.tab-callout--hot::before,
	.tab-callout--cold::before {
		left: -35px;
	}
}

@media screen and (min-width: 50em) {
	.tab-callout__section ul {
		font-size: 1rem;
	}
	.tab-callout {
		padding: 2vw;
	}

	#tab1 .tab-callout {
		max-width: 850px;
	}

	.tabs-diagram.tabs-diagram-goal {
		transform: scale(1);
	}

	.tabs-diagram.tabs-diagram-goal {
		margin-left: auto;
	}

	.panel2__tabs-wrapper li {
		font-size: 1.7vw;
	}

	.panel2__tabs-wrapper ul {
		box-shadow: 0px 32px 16px -12px rgba(255, 255, 255, 1);
	}

	.tab-callout {
		width: 57vw;
	}

	.tab__intro {

		width: 56vw;
	}
}


.tabs-diagram__title {
	display: flex;
	flex-direction: column;
}

.tabs-diagram__title h4 {
	font-size: 1.5rem;
	color: white;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 0.5rem;
	margin-top: -1rem;
	letter-spacing: 3px;
}

.tabs-diagram__title h5 {
	color: white;
	text-align: center;
	text-transform: uppercase;
	display: flex;
	justify-content: space-between;
	font-size: 1.05rem;
	font-weight: 500;
	opacity: 0.4;
	letter-spacing: 3px;
}

.tabs-diagram__subtitle {
	display: flex;
	justify-content: space-between;
}

.tabs-diagram.tabs-diagram-goal li:nth-of-type(1) {
	transform: rotate(30deg) translateX(-197px) rotate(-30deg);
	background: #1B6DB0;
}

.tabs-diagram.tabs-diagram-goal li:nth-of-type(2) {
	transform: rotate(90deg) translateX(-197px) rotate(-90deg);
	background: linear-gradient(to right, #1B6DB0, #104378);
}

.tabs-diagram.tabs-diagram-goal li:nth-of-type(3) {
	transform: rotate(-210deg) translateX(-197px) rotate(210deg);
}

.tabs-diagram.tabs-diagram-goal li:nth-of-type(4) {
	transform: rotate(-150deg) translateX(-197px) rotate(150deg);
}

.tabs-diagram.tabs-diagram-goal li:nth-of-type(5) {
	transform: rotate(-90deg) translateX(-197px) rotate(90deg);
	background: linear-gradient(to right, #1B6DB0, #104378);
}

.tabs-diagram.tabs-diagram-goal li:nth-of-type(6) {
	transform: rotate(-30deg) translateX(-197px) rotate(30deg);
	background: #1B6DB0;
}

.tabs-diagram__callout {
	right: -43px;
	background: #eee;
	color: #4D4D4D;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 0.85rem;
	text-align: center;
	width: 114px;
	height: 46px;
	display: flex;
	align-items: center;
}

.tabs-diagram__callout:before {
	display: none;
}

.tabs-diagram.tabs-diagram-goal li:nth-of-type(4) p.tabs-diagram__label {
	left: unset;
	right: -124px;
	color: #104378;
	width: 100px;
	top: 95px;
}

.tabs-diagram.tabs-diagram-goal li:nth-of-type(5) p.tabs-diagram__label {
	color: #104378;
	left: 120%;
	bottom: -56px;
	width: 105px;
	text-align: center;
}

.tabs-diagram.tabs-diagram-goal li:nth-of-type(3) p.tabs-diagram__label {
	left: unset;
	right: -127px;
	top: -84px;
	color: #104378;
	width: 134px;
}

.tabs-diagram.tabs-diagram-goal li:nth-of-type(1) p.tabs-diagram__label {
	top: -116px;
	width: 115px;
	text-align: right;
}

.tabs-diagram.tabs-diagram-goal li:nth-of-type(6) p.tabs-diagram__label {

	top: 89px;
	left: 50px;
	width: 130px;
}

.tabs-diagram.tabs-diagram-goal li:nth-of-type(2):after {
	height: 26px;
	content: '';
	width: 26px;
	background: linear-gradient(38deg, transparent, #104378, #104378);
	transform: rotate(92deg) translatey(-62px) rotate(-43deg);
	position: absolute;
	left: 15px;
	margin-left: -15px;
	z-index: -1;
}

.tabs-diagram.tabs-diagram-goal li:nth-of-type(3):after {
	height: 26px;
	content: '';
	width: 26px;
	background: linear-gradient(38deg, transparent, #104378, #104378);
	transform: rotate(127deg) translatey(-53px) rotate(-17deg);
	position: absolute;
	left: 15px;
	margin-left: -15px;
	z-index: -1;
}

.tabs-diagram.tabs-diagram-goal li:nth-of-type(4):after {
	height: 26px;
	content: '';
	width: 26px;
	background: linear-gradient(38deg, transparent, #104378, #104378);
	transform: rotate(92deg) translatey(-62px) rotate(-43deg);
	position: absolute;
	left: 15px;
	margin-left: -15px;
	z-index: -1;
}

.tabs-diagram.tabs-diagram-goal li:nth-of-type(4):after {
	height: 26px;
	content: '';
	width: 26px;
	background: #104378;
	transform: rotate(167deg) translatey(-30px) rotate(1deg);
	position: absolute;
	left: 15px;
	margin-left: -15px;
	z-index: -1;
}

.tabs-diagram.tabs-diagram-goal li:nth-of-type(5):after {
	height: 26px;
	content: '';
	width: 26px;
	background: linear-gradient(38deg, transparent, #1B6DB0, #1B6DB0);
	transform: rotate(-72deg) translatey(-8px) rotate(-58deg);
	position: absolute;
	left: 15px;
	margin-left: -15px;
	z-index: -1;
}

.tabs-diagram.tabs-diagram-goal li:nth-of-type(6):after {
	height: 26px;
	content: '';
	width: 26px;
	background: #1B6DB0;
	transform: rotate(21deg) translatey(-33px) rotate(-94deg);
	position: absolute;
	left: 15px;
	margin-left: -15px;
	z-index: -1;
}

.tabs-diagram.tabs-diagram-goal li:nth-of-type(1):after {
	height: 26px;
	content: '';
	width: 26px;
	background: #1B6DB0;
	transform: rotate(58deg) translatey(-54px) rotate(-70deg);
	position: absolute;
	left: 15px;
	margin-left: -15px;
	z-index: -1;
}

.tabs-diagram-goal__shading {
	background: #3177B5;

	width: 100%;
	height: 100%;
	clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 50% 100%, 50% 69%, 48% 66%, 52% 62%, 50% 59%);
	border-radius: 50%;
	position: relative;
}

.tabs-diagram.tabs-diagram-goal li:nth-of-type(2) .tabs-diagram__label {
	left: 71px;
	top: -58px;
	white-space: nowrap;
}

.animated-dot svg {
	width: 100%;
	height: 100%;
	position: absolute;
	fill: none;
	stroke: #D84141;
	stroke-width: 6px;
	stroke-dasharray: 101 15 173 15;
	stroke-dashoffset: -100;
	stroke-linecap: round;
}

.animated-dot {
	width: 58px;
	height: 58px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 2px;
	transform: rotate(52deg) translate(-189px) rotate(-52deg);
	z-index: 100;
	opacity: 0;
	transition: opacity 1s linear 0;
}

.tic-dot {
	animation: tic-dot 5s linear 0s infinite normal;
	opacity: 1;
	transition: opacity 1s linear 0;

}

.animated-dot__dot div {
	width: 74%;
	height: 74%;
	position: absolute;
	left: 63%;
	top: 62%;
	margin-left: -50%;
	margin-top: -50%;
}

.animated-dot__label {
	position: relative;
	left: -95px;

	top: -58px;
	width: 280px;
	white-space: nowrap;
	color: white;
	background: #D84141;
	padding: 9px;
	border-radius: 30px;
}

.tic-dot-label {
	animation: tic-dot-label 5s linear 0s infinite normal;
}

svg.animated-dot-svg__circlele {
	fill: #D84141;
	stroke-width: 0;
}

div.animated-dot__outer {
	width: 75%;
	height: 76%;
	left: 62%;
	top: 55%;
}

svg.animated-dot-svg__outer {
	opacity: 0.5;
	animation: tic-dot-outer-orbit 5s linear 0s infinite normal;
}

div.animated-dot__inner {
	width: 70%;
	height: 70%;
	top: 64%;
	left: 65%;
}

.animated-dot__inner div {
	width: 68%;
	height: 68%;
	left: 64%;
	top: 64%;
}

svg.animated-dot-svg__innner {
	stroke-width: 10px;
	opacity: 0.8;
	animation: tic-dot-inner-orbit 5s linear 0s infinite normal;
}

div.animated-dot__circle {
	width: 62%;
	height: 62%;
	left: 69%;
	top: 67%;
}

@keyframes tic-dot {
	0% {
		transform: rotate(52deg) translate(-189px) rotate(-52deg);
		opacity: 0
	}

	10% {
		transform: rotate(52deg) translate(-189px) rotate(-52deg);
		opacity: 1;
	}

	90% {
		transform: rotate(132deg) translate(-189px) rotate(-52deg);
		opacity: 1
	}

	100% {
		transform: rotate(132deg) translate(-189px) rotate(-52deg);
		opacity: 0;
	}
}

@keyframes tic-dot-label {
	0% {
		transform: rotate(0deg);
	}

	10% {
		transform: rotate(0deg);
	}

	90% {
		transform: rotate(-81deg);
	}

	100% {
		transform: rotate(-81deg);
	}
}

@keyframes tic-dot-outer-orbit {
	0% {
		stroke-dasharray: 101 15 173 15;
		stroke-dashoffset: -34;
	}

	100% {
		stroke-dasharray: 75 15 50 15;
		stroke-dashoffset: 100;
	}
}

@keyframes tic-dot-inner-orbit {
	0% {
		stroke-dasharray: 101 15 173 15;
		stroke-dashoffset: -34;
	}

	100% {
		stroke-dasharray: 30 15 30 15;
		stroke-dashoffset: -200;
	}
}

/*

 _______   ________   ______   _______  
|       \ |        \ /      \ |       \ 
| $$$$$$$\| $$$$$$$$|  $$$$$$\| $$$$$$$\
| $$__| $$| $$__    | $$___\$$| $$__/ $$
| $$    $$| $$  \    \$$    \ | $$    $$
| $$$$$$$\| $$$$$    _\$$$$$$\| $$$$$$$ 
| $$  | $$| $$_____ |  \__| $$| $$      
| $$  | $$| $$     \ \$$    $$| $$      
 \$$   \$$ \$$$$$$$$  \$$$$$$  \$$      
                                        
                                        
                                        

*/

@media screen and (min-width: 50em) {
	.tabs-diagram.tabs-diagram-goal {
		transform: scale(1);
	}


	.tabs-diagram.tabs-diagram-goal li p {
		left: -39px;
	}

	.tabs-diagram.tabs-diagram-goal li:nth-of-type(1) p.tabs-diagram__label {
		top: -4px;
		width: 120px;
	}

	.tabs-diagram.tabs-diagram-goal li:nth-of-type(6) p.tabs-diagram__label {
		bottom: -9px;
		top: 13px;
		left: -38px;
	}

	.tabs-diagram.tabs-diagram-goal li:nth-of-type(3) p.tabs-diagram__label {
		right: -258px;
		top: 9px;
	}

	.tabs-diagram.tabs-diagram-goal li:nth-of-type(4) p.tabs-diagram__label {
		right: -266px;
		width: auto;
		top: 13px;
	}

	.tabs-diagram__callout {
		right: -178px;
		width: 150px;
		height: 60px;

	}

	.tabs-diagram__callout:before {
		content: '';
		clip-path: polygon(0% 20%, 100% 3%, 100% 97%);
		width: 25px;
		height: 10px;
		position: absolute;
		background: #eee;
		left: -22px;
		top: 18px;
	}
}


/*tab 2 strategy*/
.tabs-content__tab2 figure img {
	width: 92%;
	margin: auto;
	order: 2;
}

.tabs-content__tab2 figure {
	text-align: center;
	position: relative;
}

.tabs-content__tab2 figure figcaption {
	position: relative;
	background: #104378;
	color: white;
	padding: 3.5vw 2.5vw;
	font-size: 0.8rem;
	width: 100%;
	margin: auto;
	border-radius: 20vw;
	letter-spacing: 1px;
	font-weight: 600;
	line-height: 1.5;
	order: 3;
	bottom: 150px;
}

@media screen and (min-width: 50em) {
	.tabs-content__tab2 figure img {
		width: 45%;
	}

	.tabs-content__tab2 figure figcaption {
		font-size: 1.2rem;
		padding: 1.5vw 2.5vw;
	}
}

.tab-callout-split {
	width: 45%;
	padding: 1vw
}

.tab-callout-split--right {
	right: 0;
}

.tab-callout-split .tab-callout__title {
	margin: 1vw;
	border-bottom: none;
}

.tab-callout-split .tab-callout__section ul li {
	min-height: 0;
	margin-top: 0.75rem;
	line-height: 1.5;
	font-weight: 800;
	padding-left: 0.3rem;
}

.tab-callout-split::after {
	content: '';
	width: 43px;
	height: 33px;
	background: white;
	position: absolute;
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	box-shadow: 0px 32px 53px -1px rgba(0, 0, 0, 0.33);
	bottom: unset;
	bottom: -32px;
	left: 33px;
}

.tab-callout-split--left::after {
	left: auto;
	right: 33px;
}

.tab-callout {
	text-align: left;
}

.tab-callout-split:before {
	top: -17px;
}

.tabs-content__tab2 figure {
	margin: 1.5vw;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

/*tab 3 strategy*/
.tabs-content__tab3 .tab-callout {
	display: flex;
	flex-direction: column;
	width: 60vw;
}

.tabs-content__tab3 ul {
	display: flex;
	list-style: none;
	align-items: center;
	justify-content: space-between;
	padding: 0;
	flex-wrap: wrap;
}

.tabs-content__tab3 figcaption {
	text-align: center;
	color: #104378;
	font-weight: 800;
	font-size: 0.85rem;
	padding-top: 25px;
	padding-bottom: 30px;
}

.tabs-content__tab3 figure {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 1rem;
	position: relative;
}

.tabs-content__tab3 ul>* {
	flex: 1 1 100%;
}

.tab3-diagram__callout {
	position: absolute;
	color: #999999;
	font-size: 0.8rem;
}

.tab-callout li:nth-of-type(1) img {
	margin-left: -59px;
}

.tab3-diagram__callout.one {
	top: -10px;
	right: -54px;
	width: 79px;
}

.tab3-diagram__callout.two {
	top: 69px;
	left: 21px;
}

.tabs-content__tab3 .tab-callout__title {
	text-align: center;
	font-size: 1.2rem;
	font-weight: 700;
	color: #104378;
	letter-spacing: .08vw;
	border: none;

}

.tabs-content__tab3 .tab-callout__title:before {
	content: '';
	width: 73%;

	height: 100%;
	background: url(/_images/tactics-callout-bkg.svg) no-repeat;
	/* background: red; */
	position: absolute;
	top: 75px;
	left: 63%;
	margin-left: -50%;
	background-position: 50% 0%;
	z-index: 0;
	background-size: contain;
}

.tabs-content__tab3 .tab-callout:after {
	bottom: unset;
	top: -29px;
	transform: rotate(-180deg);
}
/* 375 */
@media screen and (min-width: 23.4375em) {
	.tab3-diagram__callout.one {
		right: -20px;
	}
}


@media screen and (min-width: 50em) {
	.tabs-content__tab3 figcaption {
		padding-top: 50px;
		padding-bottom: 30px;
	}
	
	.tabs-content__tab3 .tab-callout {
		width: 75vw;
	}
}

@media screen and (min-width: 81.25em) {
	.tab-callout {
		max-width: 1300px;
	}
}

/*pipeline*/
.panel3 {
	min-height: 60vw;
	background: url(/_images/pipeline-bkg.jpg) no-repeat;
	background-size: cover;
	padding-bottom: 20vw;
	background-position: center;
}

.pipeline {
	height: 90%;
	max-width: 1320px;
	margin: 5vw;
	color: white;
	padding-top: 6vw;
}

.pipeline__title {
	font-size: 3rem;
	position: relative;
}

.pipeline__title:after {
	content: ' ';
	position: absolute;
	height: 275px;
	width: 275px;
	background: transparent;
	border-radius: 50%;
	left: calc(-301px - 2vw);
	top: -197px;
	border: 7.5rem solid rgba(255, 255, 255, 0.1);
}

.pipeline__title:after {
	content: ' ';
	position: absolute;
	height: 275px;
	width: 275px;
	background: transparent;
	border-radius: 50%;
	left: calc(-295px - 2vw);
	top: -185px;
	border: 6.5rem solid rgba(255, 255, 255, 0.1);
}

.pipeline__top-row {
	display: flex;
	flex-direction: column;
}

.pipeline__phase-points {
	display: flex;
	justify-content: space-between;
	padding: 3% 0% 3% 0;
	border-top: 1px solid #999;
	height: 30px;
}

.pipeline__column-title h3 {
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 0.8rem;
	margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

@media screen and (min-width: 30em) {
	.pipeline__phase-points {
		padding: 3% 0 1% 0;
	}

	.pipeline__column-title h3 {
		font-size: 1.404rem;
		line-height: 1.4;
	}


}

.pipeline__column-title:nth-of-type(1),
.pipeline__indication {
	flex: 1 1 18%;
}

.pipeline__column-title:nth-of-type(2),
.pipeline__phase {
	flex: 5 5 75%;
	margin-right: 0;
}

.pipeline__column-title {
	margin: 0 3% 0% 0;
	border-bottom: 1px solid #999;
}



.pipeline__phase-points>* {
	margin: 0;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 0.6rem;
	font-weight: bold;
	width: 25%;
	text-align: center;
	border-right: 1px solid white;
	padding-left: 1%;
	padding-right: 1%;
}

@media screen and (min-width: 35em) {
	.pipeline__phase-points>* {
		font-size: 1rem;
	}
}

@media screen and (min-width: 50em) {
	.pipeline__column-title {
		margin: 0 3% 8% 0;
	}
	.pipeline__column-title h3 {
		margin-top: 1rem;
    margin-bottom: 1rem;
	}
}


/*
	white-space: nowrap;
	width: 170px;
*/


.pipeline__item {
	display: flex;
	height: auto;
	flex-direction: column;
	margin: 1rem 0;
}

.pipeline__phase {
	content: '';
}

.pipeline__indication {
	margin: -0.7% 3% 3% 0;
	font-size: 1.3rem;
	font-weight: 700;
}

.pipeline__indication-subtitle {
	font-size: 0.8rem;
	font-weight: 400;
	display: block;
	margin-top: -4px;
}


.pipeline__phase-subtitle {
	font-size: 0.9rem;
	margin-top: 0.5rem;
	font-weight: 300;
}

.pipeline__indication.undisclosed {
	font-size: 1.02rem;
	font-weight: 600;
	letter-spacing: 0.1vw;
	margin-top: 0;
}

.pipeline__phase-bar {
	content: '';
	background: #2491EB;
	height: 18px;
	clip-path: polygon(0 0, 100% 0%, 98% 100%, 0% 100%);
}

.pipeline__phase-bar.discovery {
	width: 0%;
	clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
}

.pipeline__phase-bar.discovery.grow {
	animation: pipeline-discovery 1s linear 0s 1 normal;
	animation-fill-mode: both;
}


.pipeline__phase-bar.candidateselection {
	width: 0%;
}

.pipeline__phase-bar.candidateselection.grow {
	animation: pipeline-candidate 1s linear 0s 1 normal;
	animation-fill-mode: both;
}

.pipeline__phase-bar.indenabling {
	width: 0%;
}

.pipeline__phase-bar.indenabling.grow {
	animation: pipeline-ind 1s linear 0s 1 normal;
	animation-fill-mode: both;
}


.pipeline__phase-bar.clinical {
	width: 0%;
}

.pipeline__phase-bar.clinical.grow {
	animation: pipeline-clinical 3s linear 0s 1 normal;
	animation-fill-mode: both;
}

.pipeline__indication--subheading {
	margin-top: 1.3rem;
	border-bottom: 1px solid #999;
	text-transform: uppercase;
	font-size: 1.1rem;
	font-weight: 300;
}
.team__section-title {
	font-size: 3rem;
}

@media screen and (min-width: 50em) {
	.pipeline__indication-subtitle {
		font-size: 1rem;
	}
	.pipeline__indication {
		font-size: 1.8rem;
	}

	.pipeline__title,
	.team__section-title {

		font-size: 6rem;
	}

	.pipeline__item {
		margin: 0;
		margin-top: 2.8rem; 
	}


	.pipeline__phase-subtitle {

		font-size: 1.1rem;
		margin-top: 0.7rem;
	}
}

@keyframes pipeline-discovery {
	0% {
		width: 1%
	}

	100% {
		width: 25%
	}
}

@keyframes pipeline-candidate {
	0% {
		width: 1%
	}

	100% {
		width: 50%
	}
}

@keyframes pipeline-ind {
	0% {
		width: 1%
	}

	100% {
		width: 75%
	}
}

@keyframes pipeline-clinical {
	0% {
		width: 1%
	}

	100% {
		width: 100%
	}
}

@media screen and (min-width: 37.500em) {
	.tabs-content__tab3 ul>* {
		flex: 1 1 50%;
	}

	.tab3-diagram__callout.one {
		right: -38px;
	}




}


/*team*/


.team-member__pic {
	border-radius: 50%;
	width: 120px;
	height: 120px;
	flex-shrink: 0;
}

.team__subtitle {
	font-size: 2rem;
}

.team {
	max-width: 900px;
	margin: auto;
	color: #104378;
	padding-bottom: 7vw;
	max-width: 1320px;
	padding: 0 2rem;

}



.team-member--no-detail {
	pointer-events: none;
}

.team__wrapper {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 6vw;
}

.team-member {
	display: flex;
	flex: 1 1 100%;
	padding: 1vw 0;
	box-sizing: border-box;
	padding: 2% 2% 2% 0;
	min-width: 300px;
	margin: 0.5rem 0;
}

.team-member:hover {
	cursor: pointer;
}

.team-member__name {
	font-weight: 400;
	font-size: 1.25rem;
	margin-bottom: 0.8rem;
	margin-top: 1rem;
}

.team-member__name a {
	text-decoration: none;
	color: inherit;
}

.team__title {
	font-weight: 900;
	font-size: 0.9rem;
	margin-top: 0;
}

.team-member__text {
	padding-left: 0.5vw;
}

.team-member__description .team-member__text {
	padding-left: 0;
}

.team-member__description .team__name {
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: 0;
}
.team__name {
	font-weight: 400;
	font-size: 1.1rem;
	margin-bottom: 0.5rem;
}
.team-member__description .team__title {
	font-weight: 500;
	font-size: 1.2rem;
	line-height: 1.2;
}


.team-member__description {
	font-size: 0.85rem;
}

.team-member__image-wrapper {
	width: 120px;
	height: 120px;
	margin-right: 6%;
	-o-object-fit: contain;
	object-fit: contain;
	position: relative;
	color: white;
	font-weight: 600;
	font-size: 0.9rem;
}

.team-member__image-wrapper:hover:before {
	position: absolute;
	content: ' ';
	display: block;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #2491EB;
	opacity: 0.4;
	border-radius: 50%;
	display: -webkit-flex;

}

.team-member__image-wrapper:hover:after {
	position: absolute;
	content: 'view bio';
	display: block;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.team-member__detail {

	padding: 3vw 10vw 17vw;
	margin: 2rem 0;
	position: relative;
	background: #2491EB;
}

.team-member__close {
	content: "";
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
	position: absolute;
	top: 2rem;
	right: 1.5rem;
	color: white;
	padding-top: 0;
	font-weight: 100;
	border: none;
	background: none;

	cursor: pointer;
	padding: 0;

}

.team-member__close::before,
.team-member__close::after {
	position: absolute;
	left: 11px;
	content: ' ';
	height: 23px;
	width: 2px;
	background-color: white;
	top: 0;
}

.team-member__description--hidden {
	display: none;
}

.team-bio {
	max-height: 0;
	overflow: hidden;
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
}

.team-bio--open {
	max-height: 1000px;
}

.team-member__description {
	padding-top: 10px;
	color: white;
	line-height: 1.5;
}

.team-member__close:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.team-member__close:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

@media screen and (min-width: 640px) {
	.team-member__close {
		top: 2vw;
		right: 4vw;
	}

	.team {
		width: 90%;
	}
}

@media screen and (min-width: 50em) {

	.pipeline,
	.team,
	.news {
		width: 90%;
		margin: auto;
	}

	.team {
		padding: 0 5rem;
	}
	.team__name {
		font-size: 1.25rem;
	}
	.team__title {
	
		font-size: 0.95rem;
	}
	.team__subtitle {
		font-size: 3vw;
	}
	.team-member__detail {
		padding: 3vw 8vw 5vw;

	}

	.team-member__description .team__name {
		font-size: 2rem;

	}

	.team-member__description .team__title {
		font-size: 1.4rem;

	}

	.team-member__description {
		font-size: 1rem;
	}

	.pipeline__item {
		flex-direction: row;
		height: 6vw;
	}

	.pipeline__top-row {
		flex-direction: row;
	}

	.pipeline {
		margin: auto;
	}

	pipeline__phase-points>* {
    transform: rotate(0deg);
    width: auto;
    text-align: center;
    border-right: 1px solid #bbb;
    text-align: center;
    width: 25%;
	}

	.pipeline__phase-points {
		padding: 2% 0% 2% 0;
		height: auto;
	}


	.tabs-content__tab3 ul>* {
		flex: 1 1 25%;
	}

	.tab-callout-split {
		position: absolute;
		top: -10px;
		width: 17vw;
		padding: 2vw
	}

	.tab-callout-split::after {
		top: 19px;
		width: 57px;
		height: 67px;
		box-shadow: 0px 0 53px -1px rgba(0, 0, 0, 0.33);
	}

	.tab-callout-split--left::after {
		left: calc(100% - 14px);
		transform: rotate(-90deg);
	}

	.tab-callout-split--right::after {
		left: -46px;
		bottom: calc(75% - 26px);
		transform: rotate(90deg);
	}

	.tab-callout-split::after {
		bottom: calc(75% - 26px);
		top: unset;
	}

	.tabs-content__tab2 figure {
		display: block;
	}

	.tabs-content__tab2 figure figcaption {
		bottom: 100px;
		width: 53%;
		max-width: 400px;
	}
}

@media screen and (min-width: 72em) {
	.tabs-content__tab2 figure figcaption {
		bottom: 272px;
	}
}


/*news*/

.panel5 {
	min-height: 38vw;
	background-size: cover;
	background-position: 50% 70%;
	/* clip-path: polygon(50% 0%, 100% 30%, 100% 100%, 0 100%, 0% 30%); */
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: white;
	margin-top: 8vw;
	padding-top: 30vw;
	margin-top: 23vw;
		position: relative;
	overflow: hidden;
}



/*
.news>* {
    min-width: 300px;
}
*/

.news__publications .news__item .news__item-title {
	text-decoration: underline;
	font-size: 1rem;
	margin: 0.5rem 0;
}
a.news__item .news__item-title {
	text-decoration: underline;
}
.news__publications {
	display: flex;
	flex-direction: initial;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
}

.news__items {
	flex: 1 75%;
	max-width: 600px;
}

.news__publications {
	margin-top: 6rem;
}

.news__item {
	flex: 1 100%;
	text-decoration: none;
	color: white;
	margin: 0vw;
	padding: 1vw 2vw 1vw 0;
	box-sizing: border-box;
	max-width: 700px;
}

div.news__item {
	pointer-events: none;
}

.news__item-title {
	font-weight: 400;
	font-size: 1.1rem;
	padding-right: 5%;
	color: white;
	line-height: 1.35;
}

.news__dash {
	content: '';
	width: 37px;
	height: 7px;
	background: #2491EB;
	margin-bottom: 1.5vw;
}

.news__item-date {
	color: white;
	font-weight: 600;
	font-size: 0.9rem;
	opacity: 0.5;
}

.news__item:hover {
	/* background: #2491EB; */
	transition: .5s;
	opacity: 0.7;
}

.news__bcg {
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.5),
			rgba(255, 255, 255, 0.9)),
		url(/_images/investors.jpg);
	background: url(/_images/investors.jpg);
	background-size: cover;
	position: absolute;
	width: 100%;
	height: 140%;
	top: -27%;
	z-index: 1;
	background-position: top;
}

.news {
	
	padding: 0rem 2rem 9rem;

	margin: 0 auto;
		max-width: 1320px;
	position: relative;
	z-index: 2;
	color: white;
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;

}
.news__title {
	font-size: 3rem;
	font-weight: 700;
	margin-bottom: 2vw;
	flex: 1 1 25%;
	color: white;
}
.news__title.publications {
	font-size: 2.5rem;
	margin-top: 5rem;
}



/* news detail */

.news-detail {
	margin: 5vw auto;
	max-width: 1000px;
	min-height: 50vh;
	padding: 3vw;
}

.news-detail__title {
	font-size: 1.4em;
	font-weight: 800;
}
.news-detail__body {
	font-size: 1.1rem;
	line-height: 1.4;
}

/* 400 */
@media screen and (min-width: 25em) {
	.news__publications {
		flex-direction: row;
	}
	.news__item {
    min-width: 350px;
	}
}

@media screen and (min-width: 40em) {
	.news {
		width: 90%
	}
	.news__item-title {
		font-size: 1.5rem;
	}
	.news__item {
    min-width: 350px;
	}
	.news-detail__title {
		font-size: 2em;
	}
	.news__publications .news__item .news__item-title {
	font-size: 1.25rem;
}
}

/* 740 */
@media screen and (min-width: 46.25em) {
	.news {
		padding: 11rem 5rem 9rem;
	}


}


/* news detail modal */

.modal--hidden {
	display: none;
}

.modal {
  display: none;
}

.modal.is-open {
  display: block;
}

.modal__overlay {
	visibility: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	width:100%;
	height:100%;
	text-align:center;
	z-index: 1000;
}





.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal__container {
  background-color: #fff;
  padding: 30px;
  max-width: 500px;
  max-height: 100vh;
  border-radius: 4px;
  overflow-y: auto;
  box-sizing: border-box;
}

.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25;
  color: #00449e;
  box-sizing: border-box;
}

.modal__close {
  background: transparent;
  border: 0;
}

.modal__header .modal__close:before { content: "\2715"; }

.modal__content {
  margin-top: 2rem;
  margin-bottom: 2rem;
  line-height: 1.5;
  color: rgba(0,0,0,.8);
}

.modal__btn {
  font-size: .875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  background-color: #e6e6e6;
  color: rgba(0,0,0,.8);
  border-radius: .25rem;
  border-style: none;
  border-width: 0;
  cursor: pointer;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: 0;
  will-change: transform;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: -webkit-transform .25s ease-out;
  transition: transform .25s ease-out;
  transition: transform .25s ease-out,-webkit-transform .25s ease-out;
}

.modal__btn:focus, .modal__btn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.modal__btn-primary {
  background-color: #00449e;
  color: #fff;
}



/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

@keyframes mmfadeOut {
    from { opacity: 1; }
      to { opacity: 0; }
}

@keyframes mmslideIn {
  from { transform: translateY(15%); }
    to { transform: translateY(0); }
}

@keyframes mmslideOut {
    from { transform: translateY(0); }
    to { transform: translateY(-10%); }
}

.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden="false"] .modal__overlay {
  animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="false"] .modal__container {
  animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__overlay {
  animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__container {
  animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}






/*investors*/
.panel6 {
	min-height: 38vw;
	background: url(/_images/investors.jpg) no-repeat;
	background-size: cover;
	background-position: 50% 70%;
	clip-path: polygon(50% 0%, 100% 30%, 100% 100%, 0 100%, 0% 30%);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: white;
	margin-top: 8vw;
	padding-top: 30vw;
	margin-top: 18vw;
}

.investors__title {
	font-size: 3.5rem;
}

.investors__logos {
	display: flex;
	width: 80%;
	justify-content: space-around;
	flex-direction: column;
	align-items: center;
	flex-wrap: wrap;
}

.investors__logos img {
	border-radius: 50%;
	width: 120px;
	height: 120px;
	min-width: 118px;
	box-sizing: border-box;
	margin: 2vw;
}

.panel6 {
	position: relative;
	overflow: hidden;
}

.investors__bcg {
	background: url(/_images/investors.jpg);
	background-size: cover;
	position: absolute;
	width: 100%;
	height: 140%;
	top: -27%;
	z-index: 1;
	background-position: top;
}

.investors__content-wrapper {
	width: 90%;
	margin: 0 auto;
	max-width: 1140px;
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: white;
}

@media screen and (min-width: 37.500em) {
	.team-member {
		flex: 1 1 50%;
		}

	.investors__logos {
		display: flex;
		width: 80%;
		justify-content: space-around;
		flex-direction: row;
	}

	.panel5 {
		padding-top: 0;
		margin-top: 9vw;
	}
}

@media screen and (min-width: 50em) {
	.news {
		flex-direction: initial;
	}
	.news__title {
		font-size: 5.5vw;
		min-width: 375px;
	}
	
.news__title.publications {

	font-size: 4rem
}
	.team-member {
		flex: 1 0 30%;
		max-width: 30%;
		margin: 0;
	}

	.team__wrapper {
		max-width: 100%;
		margin: auto;
	}

	.investors__title {
		font-size: 3.75vw;
	}

}




/*footer*/

.footer {
	display: flex;
	padding: 9vw;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	box-sizing: border-box;
}

.contact__information {
	flex: 1 1 30%;
	order: 2
}

.contact__address,
.contact__address a {
	text-decoration: none;
	color: #104378;
	font-weight: 600;
	margin: 4vw 1vw 2vw 0;
	line-height: 1.3;
}

.contact__address a {
	text-decoration: underline;
}

.contact__copyright {
	font-weight: 400;
	font-size: 0.8rem;
}

.contact__logo {
	margin-bottom: 2rem;
}

/*footer contact form*/

.contact-form {
	flex: 2 2 100%;
	order: 1;
}

.contact-form {
	display: flex;
	flex-direction: column;
	max-width: 100%;
}

.contact {
	display: flex;
	flex-direction: column;
}

.contact__row {
	flex: 1 1 100%;
	display: flex;
	flex-wrap: wrap;
}

.contact>* {
	display: flex;
	flex-direction: column;
	max-width: 100%;
	text-align: center;
}

.contact__information>* {
	text-align: center;
	margin-top: 30px;
}

label {
	font-size: 0;
}

.contact__row input,
.contact__row textarea {
	padding: 11px;
	border: 1px solid gainsboro;
	color: #4D4D4D;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.contact__group {
	flex: 1;
	padding: 0;
	border: none;
	box-sizing: border-box;
	padding-right: 1.5vw;
	position: relative;
}

.contact__group--submit {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 1.5vw;
}

::-webkit-input-placeholder {
	color: lightgray;
}

:-ms-input-placeholder {
	color: lightgray;
}

::-ms-input-placeholder {
	color: lightgray;
}

::placeholder {
	color: lightgray;
}

input[type="submit"] {
	color: white;
	text-transform: uppercase;
	background: #2491EB;
	border: none;
	padding: 1rem;
	font-weight: 600;
	font-size: 1.2rem;
	letter-spacing: .15vw;
	flex-basis: 51px;
	flex: 0;
	width: 115px;
	height: 64px;
}

input[type="submit"]:hover {
	cursor: pointer;
	background: #104378;
}


.error-message {
	position: absolute;
	left: 0;
	background: gray;
	padding: 1rem;
	z-index: 1;
	background-color: #444;
	background-image: -moz-linear-gradient(top, #444, #444);
	color: #ccc;
	padding: 10px;
	border-radius: 3px;
	box-shadow: 0px 0px 20px rgba(68, 68, 68, 0.1);
	margin-top: 10px;
	border: 1px solid #333;
	text-shadow: 0 0 1px #000;
}

.error-message::before {
	content: "";
	width: 0px;
	height: 0px;
	border: 0.8em solid transparent;
	position: absolute;
	left: 4%;
	top: -20px;
	border-bottom: 10px solid #444;
}

input:invalid:focus {
	box-shadow: 0px 0px 3px red;
	border-color: red;
}

@media screen and (min-width: 50em) {

	.contact__information {
		flex: 1 1 30%;
		order: 1
	}

	.contact-form {
		flex: 2 2 50%;
		order: 2
	}

	.contact>* {
		flex-direction: row;
		text-align: left;
	}

	.contact__information>* {
		text-align: inherit;
		margin-top: auto;
	}


}

/*scrolling animations*/


.fade {
	opacity: 0;
	transform: translateY(50px);
	transition: all 1s ease-out;
}

.fade-in {
	opacity: 1;
	transform: translateY(0)
}


/*

 ██████╗███████╗███████╗    ███████╗███╗   ██╗██████╗ 
██╔════╝██╔════╝██╔════╝    ██╔════╝████╗  ██║██╔══██╗
██║     ███████╗███████╗    █████╗  ██╔██╗ ██║██║  ██║
██║     ╚════██║╚════██║    ██╔══╝  ██║╚██╗██║██║  ██║
╚██████╗███████║███████║    ███████╗██║ ╚████║██████╔╝
 ╚═════╝╚══════╝╚══════╝    ╚══════╝╚═╝  ╚═══╝╚═════╝ 
                                                      

*/