.fadeIt { transform:translateY(40%); opacity: 0; transition: all 1s ease-out; }
.fadeIt.active { opacity: 1; transform:translateY(0); }

.fadeItUp { transform:translateY(40%); opacity: 0; transition: all 1s ease-out; }
.fadeItUp.active { opacity: 1; transform:translateY(0); }

.fadeItLeft { transform:translateX(40%); opacity: 0; transition: all 1s ease-out; }
.fadeItLeft.active { opacity: 1; transform:translateX(0); }

.fadeItRight { transform:translateX(-40%); opacity: 0; transition: all 1s ease-out; }
.fadeItRight.active { opacity: 1; transform:translateX(0); }


/*.fadeItUp-050 { transform:translateY(40%); opacity: 0; transition: all 1s ease-out; }
.fadeItUp-050.active { opacity: 1; transform:translateY(0); transition-delay:: 0.5s  }*/
.fadeItUp-050,.fadeItUp-075,.fadeItUp-100, .fadeItUp-150,.fadeItUp-175,.fadeItUp-200,.fadeItUp-250,.fadeItUp-300 { opacity: 0  }
.fadeItUp-050.active {  animation:moveUp 1s ease 500ms both; /*animation-delay:500ms;*/   } 
.fadeItUp-075.active {  animation:moveUp 1s ease 750ms both; /*animation-delay:750ms;   */ }
.fadeItUp-100.active {  animation:moveUp 1s ease 1s both;/* animation-delay:1s;*/    }
.fadeItUp-150.active {  animation:moveUp 1s ease 1.5s both; /*animation-delay:1.5s; */   }
.fadeItUp-175.active {  animation:moveUp 1s ease 1.75s both; /*animation-delay:1.75s;  */  }
.fadeItUp-200.active {  animation:moveUp 1s ease 2s both;/* animation-delay:2s;  */  }
.fadeItUp-250.active {  animation:moveUp 1s ease 2.5s both; /*animation-delay:2.5s; */   }
.fadeItUp-300.active {  animation:moveUp 1s ease 3s both; /*animation-delay:3s;*/ }
.fadeItUp-325.active {  animation:moveUp 1s ease 3.25s both; /*animation-delay:3.25s; */}
.fadeItUp-350.active {  animation:moveUp 1s ease 3.5s both; /*animation-delay:3.5s; */}


@keyframes moveUp {
	0% {
		opacity: 0; 
		/*transform: scale(0, .025);*/
		 transform:translateY(40%)
	}
	50% { 
		opacity: 1; 
		/*transform: scale(1, .025);*/
		transform:translateY(0)
	}
	100% { opacity: 1; }
}

/*.ynf-connect-form*/
button.ynf-connect-cta {
  border-radius: 20px !important;
  width: 200px;
  background-color: #9d16c8 !important;
}
.ynf-connect-form {
  border: 1px solid #4f4863 !important;
  border-radius: 30px !important;
  padding: 45px !important;
}
.overview-pane-contact h1, .overview-pane-contact h2 {
  color: #a717d4
}
.ynf-connect-hero-cta a, .ynf-connect-hero-cta a:visited {
  background-color: #3a30b7 !important;
  color: #fff !important;
  -webkit-text-fill-color: initial;
  font-weight: bold
}
.ynf-connect-hero-cta a:hover {
  background-color: #a717d4 !important
}

/*ynf-connect-overview*/
.flow-overview  { /* font-family: monospace;  font-size: .9em;  */}
.flow-overview div {  padding: 5px 3px 10px 0px; }
.flow-overview div span.overflow-number { display: inline-block; width: 10px; vertical-align: top; /*font-size: .9em;*/}
.flow-overview div span.overflow-diagram-text, .flow-overview div span.overflow-diagram { display: inline-block; width: 230px; vertical-align: top; /* font-size: .9em;*/ } 
  
.pane-history-1, .pane-history-2, .pane-history-3 {}
    
.history-box { color: #cecee9; border-radius:15px; min-height: 180px;  border: 1px solid #9f27d4; min-height:240px }
.wide-box { min-height: 170px !important}
.history-box .year { height: 50px; font-size: 30px; border-radius: 15px 15px 0px 0px;padding: 15px;font-weight: bold;/* text-align: center; */ }
.year-1 { background-color:#ed1a9e; }
.year-2 { background-color:#D31AED; }
.year-3 { background-color:#400CF5; }
.year-4 { background-color:#31b08e; }
.year-5 { background-color:#8e4398; }
.year-6 { background-color:#1fa1f4; }
.year-now { background-color:#9f27d4; }
.history-box .desc { padding: 15px; } 
.expandable { cursor: pointer}
.expanded { display: none; padding:10px 0px 10px 0px }
.team-bios-container {  border: 1px solid #bd30ef;  border-radius: 15px; padding: 45px 20px; }
div.bio { text-align:center; margin:auto }
.bio .expanded { padding: 15px 45px; text-align: justify;  font-size: 1em !important; }
.partner-description { padding: 0px 10px 0px 25px }
/*carousel slider*/
.ynf-container .cb-button-prev.swiper-button-prev, .ynf-container .cb-button-next.swiper-button-next { color: #966fc4}