@font-face {
  font-family: "Helvetica Neue Thin";
  src: url("/wp-content/themes/ob-ypo/fonts/5664081/7d63ccf8-e0ae-4dee-ad4d-bbc798aa5803.woff2") format("woff2"), url("/wp-content/themes/ob-ypo/fonts/5664081/b2c1327f-ab3d-4230-93d7-eee8596e1498.woff") format("woff"); }

@font-face {
  font-family: "Helvetica Neue Thin Italic";
  src: url("/wp-content/themes/ob-ypo/fonts/5664067/2a7e8f89-c0b2-4334-9c34-7a2078d2b959.woff2") format("woff2"), url("/wp-content/themes/ob-ypo/fonts/5664067/32aad9d8-5fec-4b9d-ad53-4cf7a5b53698.woff") format("woff"); }

@font-face {
  font-family: "Helvetica Neue Light";
  src: url("/wp-content/themes/ob-ypo/fonts/5664085/f9c5199e-a996-4c08-9042-1eb845bb7495.woff2") format("woff2"), url("/wp-content/themes/ob-ypo/fonts/5664085/2a34f1f8-d701-4949-b12d-133c1c2636eb.woff") format("woff"); }

@font-face {
  font-family: "Helvetica Neue Light Italic";
  src: url("/wp-content/themes/ob-ypo/fonts/5664089/5e4f385b-17ff-4d27-a63a-9ee28546c9a8.woff2") format("woff2"), url("/wp-content/themes/ob-ypo/fonts/5664089/116cde47-4a07-44a5-9fac-cbdcc1f14f79.woff") format("woff"); }

@font-face {
  font-family: "Helvetica Neue Roman";
  src: url("/wp-content/themes/ob-ypo/fonts/5664093/08b57253-2e0d-4c12-9c57-107f6c67bc49.woff2") format("woff2"), url("/wp-content/themes/ob-ypo/fonts/5664093/08edde9d-c27b-4731-a27f-d6cd9b01cd06.woff") format("woff"); }

@font-face {
  font-family: "Helvetica Neue Roman Italic";
  src: url("/wp-content/themes/ob-ypo/fonts/5664098/4bd56f95-e7ab-4a32-91fd-b8704cbd38bc.woff2") format("woff2"), url("/wp-content/themes/ob-ypo/fonts/5664098/4fe1c328-1f21-434a-8f0d-5e0cf6c70dfb.woff") format("woff"); }

@font-face {
  font-family: "Helvetica Neue Bold";
  src: url("/wp-content/themes/ob-ypo/fonts/5664150/800da3b0-675f-465f-892d-d76cecbdd5b1.woff2") format("woff2"), url("/wp-content/themes/ob-ypo/fonts/5664150/7b415a05-784a-4a4c-8c94-67e9288312f5.woff") format("woff"); }

@font-face {
  font-family: "Helvetica Neue Bold Italic";
  src: url("/wp-content/themes/ob-ypo/fonts/5664111/13ab58b4-b5ba-4c95-afde-ab2608fbbbd9.woff2") format("woff2"), url("/wp-content/themes/ob-ypo/fonts/5664111/5018b5b5-c821-4653-bc74-d0b11d735f1a.woff") format("woff"); }

@keyframes formLabelTransition {
  0% {
    opacity: 0; }
  25% {
    opacity: 1; } }

@keyframes postCardAnimation {
  0% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@keyframes postCardAnimations {
  0% {
    height: 0; }
  100% {
    height: 0; } }

@keyframes obLoading1 {
  40% {
    transform: translateY(0px); }
  50% {
    transform: translateY(-3px); } }

@keyframes obLoading2 {
  60% {
    transform: translateY(0px); }
  70% {
    transform: translateY(-3px); } }

@keyframes obLoading3 {
  80% {
    transform: translateY(0px); }
  90% {
    transform: translateY(-3px); } }

.animating-slides__decoy {
  height: 40vh; }

.animating-slides__slide {
  position: relative; }
  .animating-slides__slide:nth-child(odd) .animating-slides__text-container {
    right: 120px;
    transform: translateX(200px); }
  .animating-slides__slide:nth-child(odd) .triangles {
    transform: scaleX(-1);
    right: -10vw; }
  .animating-slides__slide.animate .triangles .a .b {
    opacity: 1;
    transition: opacity 0.2s ease 0.5s; }
  .animating-slides__slide.animate .triangles .active[data-count="0"] .b {
    transition: opacity 0.2s ease 0s; }
  .animating-slides__slide.animate .triangles .active[data-count="1"] .b {
    transition: opacity 0.2s ease 0.013s; }
  .animating-slides__slide.animate .triangles .active[data-count="2"] .b {
    transition: opacity 0.2s ease 0.026s; }
  .animating-slides__slide.animate .triangles .active[data-count="3"] .b {
    transition: opacity 0.2s ease 0.039s; }
  .animating-slides__slide.animate .triangles .active[data-count="4"] .b {
    transition: opacity 0.2s ease 0.052s; }
  .animating-slides__slide.animate .triangles .active[data-count="5"] .b {
    transition: opacity 0.2s ease 0.065s; }
  .animating-slides__slide.animate .triangles .active[data-count="6"] .b {
    transition: opacity 0.2s ease 0.078s; }
  .animating-slides__slide.animate .triangles .active[data-count="7"] .b {
    transition: opacity 0.2s ease 0.091s; }
  .animating-slides__slide.animate .triangles .active[data-count="8"] .b {
    transition: opacity 0.2s ease 0.104s; }
  .animating-slides__slide.animate .triangles .active[data-count="9"] .b {
    transition: opacity 0.2s ease 0.117s; }
  .animating-slides__slide.animate .triangles .active[data-count="10"] .b {
    transition: opacity 0.2s ease 0.13s; }
  .animating-slides__slide.animate .triangles .active[data-count="11"] .b {
    transition: opacity 0.2s ease 0.143s; }
  .animating-slides__slide.animate .triangles .active[data-count="12"] .b {
    transition: opacity 0.2s ease 0.156s; }
  .animating-slides__slide.animate .triangles .active[data-count="13"] .b {
    transition: opacity 0.2s ease 0.169s; }
  .animating-slides__slide.animate .triangles .active[data-count="14"] .b {
    transition: opacity 0.2s ease 0.182s; }
  .animating-slides__slide.animate .triangles .active[data-count="15"] .b {
    transition: opacity 0.2s ease 0.195s; }
  .animating-slides__slide.animate .triangles .active[data-count="16"] .b {
    transition: opacity 0.2s ease 0.208s; }
  .animating-slides__slide.animate .triangles .active[data-count="17"] .b {
    transition: opacity 0.2s ease 0.221s; }
  .animating-slides__slide.animate .triangles .active[data-count="18"] .b {
    transition: opacity 0.2s ease 0.234s; }
  .animating-slides__slide.animate .triangles .active[data-count="19"] .b {
    transition: opacity 0.2s ease 0.247s; }
  .animating-slides__slide.animate .triangles .active[data-count="20"] .b {
    transition: opacity 0.2s ease 0.26s; }
  .animating-slides__slide.animate .triangles .active[data-count="21"] .b {
    transition: opacity 0.2s ease 0.273s; }
  .animating-slides__slide.animate .triangles .active[data-count="22"] .b {
    transition: opacity 0.2s ease 0.286s; }
  .animating-slides__slide.animate .triangles .active[data-count="23"] .b {
    transition: opacity 0.2s ease 0.299s; }
  .animating-slides__slide.animate .triangles .active[data-count="24"] .b {
    transition: opacity 0.2s ease 0.312s; }
  .animating-slides__slide.animate .triangles .active[data-count="25"] .b {
    transition: opacity 0.2s ease 0.325s; }
  .animating-slides__slide.animate .triangles .active[data-count="26"] .b {
    transition: opacity 0.2s ease 0.338s; }
  .animating-slides__slide.animate .triangles .active[data-count="27"] .b {
    transition: opacity 0.2s ease 0.351s; }
  .animating-slides__slide.animate .triangles .active[data-count="28"] .b {
    transition: opacity 0.2s ease 0.364s; }
  .animating-slides__slide.animate .triangles .active[data-count="29"] .b {
    transition: opacity 0.2s ease 0.377s; }
  .animating-slides__slide.animate .triangles .active[data-count="30"] .b {
    transition: opacity 0.2s ease 0.39s; }
  .animating-slides__slide.animate .triangles .active[data-count="31"] .b {
    transition: opacity 0.2s ease 0.403s; }
  .animating-slides__slide.animate .triangles .active[data-count="32"] .b {
    transition: opacity 0.2s ease 0.416s; }
  .animating-slides__slide.animate .triangles .active[data-count="33"] .b {
    transition: opacity 0.2s ease 0.429s; }
  .animating-slides__slide.animate .triangles .active[data-count="34"] .b {
    transition: opacity 0.2s ease 0.442s; }
  .animating-slides__slide.animate .triangles .active[data-count="35"] .b {
    transition: opacity 0.2s ease 0.455s; }
  .animating-slides__slide.animate .triangles .active[data-count="36"] .b {
    transition: opacity 0.2s ease 0.468s; }
  .animating-slides__slide.animate .triangles .active[data-count="37"] .b {
    transition: opacity 0.2s ease 0.481s; }
  .animating-slides__slide.animate .triangles .active[data-count="38"] .b {
    transition: opacity 0.2s ease 0.494s; }
  .animating-slides__slide.animate .triangles .active[data-count="39"] .b {
    transition: opacity 0.2s ease 0.507s; }
  .animating-slides__slide.animate .triangles .active[data-count="40"] .b {
    transition: opacity 0.2s ease 0.52s; }
  .animating-slides__slide.animate .triangles .active[data-count="41"] .b {
    transition: opacity 0.2s ease 0.533s; }
  .animating-slides__slide.animate .triangles .active[data-count="42"] .b {
    transition: opacity 0.2s ease 0.546s; }
  .animating-slides__slide.animate .triangles .active[data-count="43"] .b {
    transition: opacity 0.2s ease 0.559s; }
  .animating-slides__slide.animate .triangles .active[data-count="44"] .b {
    transition: opacity 0.2s ease 0.572s; }
  .animating-slides__slide.animate .triangles .active[data-count="45"] .b {
    transition: opacity 0.2s ease 0.585s; }
  .animating-slides__slide.animate .triangles .active[data-count="46"] .b {
    transition: opacity 0.2s ease 0.598s; }
  .animating-slides__slide.animate .triangles .active[data-count="47"] .b {
    transition: opacity 0.2s ease 0.611s; }
  .animating-slides__slide.animate .triangles .active[data-count="48"] .b {
    transition: opacity 0.2s ease 0.624s; }
  .animating-slides__slide.animate .triangles .active[data-count="49"] .b {
    transition: opacity 0.2s ease 0.637s; }
  .animating-slides__slide.animate .triangles .active[data-count="50"] .b {
    transition: opacity 0.2s ease 0.65s; }
  .animating-slides__slide.animate .triangles .active[data-count="51"] .b {
    transition: opacity 0.2s ease 0.663s; }
  .animating-slides__slide.animate .triangles .active[data-count="52"] .b {
    transition: opacity 0.2s ease 0.676s; }
  .animating-slides__slide.animate .triangles .active[data-count="53"] .b {
    transition: opacity 0.2s ease 0.689s; }
  .animating-slides__slide.animate .triangles .active[data-count="54"] .b {
    transition: opacity 0.2s ease 0.702s; }
  .animating-slides__slide.animate .triangles .active[data-count="55"] .b {
    transition: opacity 0.2s ease 0.715s; }
  .animating-slides__slide.animate .triangles .active[data-count="56"] .b {
    transition: opacity 0.2s ease 0.728s; }
  .animating-slides__slide.animate .triangles .active[data-count="57"] .b {
    transition: opacity 0.2s ease 0.741s; }
  .animating-slides__slide.animate .triangles .active[data-count="58"] .b {
    transition: opacity 0.2s ease 0.754s; }
  .animating-slides__slide.animate .triangles .active[data-count="59"] .b {
    transition: opacity 0.2s ease 0.767s; }
  .animating-slides__slide.animate .triangles .active[data-count="60"] .b {
    transition: opacity 0.2s ease 0.78s; }
  .animating-slides__slide.animate .triangles .active[data-count="61"] .b {
    transition: opacity 0.2s ease 0.793s; }
  .animating-slides__slide.animate .triangles .active[data-count="62"] .b {
    transition: opacity 0.2s ease 0.806s; }
  .animating-slides__slide.animate .triangles .active[data-count="63"] .b {
    transition: opacity 0.2s ease 0.819s; }
  .animating-slides__slide.animate .triangles .active[data-count="64"] .b {
    transition: opacity 0.2s ease 0.832s; }
  .animating-slides__slide.animate .triangles .active[data-count="65"] .b {
    transition: opacity 0.2s ease 0.845s; }
  .animating-slides__slide.animate .triangles .active[data-count="66"] .b {
    transition: opacity 0.2s ease 0.858s; }
  .animating-slides__slide.animate .triangles .active[data-count="67"] .b {
    transition: opacity 0.2s ease 0.871s; }
  .animating-slides__slide.animate .triangles .active[data-count="68"] .b {
    transition: opacity 0.2s ease 0.884s; }
  .animating-slides__slide.animate .triangles .active[data-count="69"] .b {
    transition: opacity 0.2s ease 0.897s; }
  .animating-slides__slide.animate .triangles .active[data-count="70"] .b {
    transition: opacity 0.2s ease 0.91s; }
  .animating-slides__slide.animate .triangles .active[data-count="71"] .b {
    transition: opacity 0.2s ease 0.923s; }
  .animating-slides__slide.animate .triangles .active[data-count="72"] .b {
    transition: opacity 0.2s ease 0.936s; }
  .animating-slides__slide.animate .triangles .active[data-count="73"] .b {
    transition: opacity 0.2s ease 0.949s; }
  .animating-slides__slide.animate .triangles .active[data-count="74"] .b {
    transition: opacity 0.2s ease 0.962s; }
  .animating-slides__slide.animate .triangles .active[data-count="75"] .b {
    transition: opacity 0.2s ease 0.975s; }
  .animating-slides__slide.animate .triangles .active[data-count="76"] .b {
    transition: opacity 0.2s ease 0.988s; }
  .animating-slides__slide.animate .triangles .active[data-count="77"] .b {
    transition: opacity 0.2s ease 1.001s; }
  .animating-slides__slide.animate .triangles .active[data-count="78"] .b {
    transition: opacity 0.2s ease 1.014s; }
  .animating-slides__slide.animate .triangles .active[data-count="79"] .b {
    transition: opacity 0.2s ease 1.027s; }
  .animating-slides__slide.animate .triangles .active[data-count="80"] .b {
    transition: opacity 0.2s ease 1.04s; }
  .animating-slides__slide.animate .triangles .active[data-count="81"] .b {
    transition: opacity 0.2s ease 1.053s; }
  .animating-slides__slide.animate .triangles .active[data-count="82"] .b {
    transition: opacity 0.2s ease 1.066s; }
  .animating-slides__slide.animate .triangles .active[data-count="83"] .b {
    transition: opacity 0.2s ease 1.079s; }
  .animating-slides__slide.animate .triangles .active[data-count="84"] .b {
    transition: opacity 0.2s ease 1.092s; }
  .animating-slides__slide.animate .triangles .active[data-count="85"] .b {
    transition: opacity 0.2s ease 1.105s; }
  .animating-slides__slide.animate .triangles .active[data-count="86"] .b {
    transition: opacity 0.2s ease 1.118s; }
  .animating-slides__slide.animate .triangles .active[data-count="87"] .b {
    transition: opacity 0.2s ease 1.131s; }
  .animating-slides__slide.animate .triangles .active[data-count="88"] .b {
    transition: opacity 0.2s ease 1.144s; }
  .animating-slides__slide.animate .triangles .active[data-count="89"] .b {
    transition: opacity 0.2s ease 1.157s; }
  .animating-slides__slide.animate .triangles .active[data-count="90"] .b {
    transition: opacity 0.2s ease 1.17s; }
  .animating-slides__slide.animate .triangles .active[data-count="91"] .b {
    transition: opacity 0.2s ease 1.183s; }
  .animating-slides__slide.animate .triangles .active[data-count="92"] .b {
    transition: opacity 0.2s ease 1.196s; }
  .animating-slides__slide.animate .triangles .active[data-count="93"] .b {
    transition: opacity 0.2s ease 1.209s; }
  .animating-slides__slide.animate .triangles .active[data-count="94"] .b {
    transition: opacity 0.2s ease 1.222s; }
  .animating-slides__slide.animate .triangles .active[data-count="95"] .b {
    transition: opacity 0.2s ease 1.235s; }
  .animating-slides__slide.animate .triangles .active[data-count="96"] .b {
    transition: opacity 0.2s ease 1.248s; }
  .animating-slides__slide.animate .triangles .active[data-count="97"] .b {
    transition: opacity 0.2s ease 1.261s; }
  .animating-slides__slide.animate .triangles .active[data-count="98"] .b {
    transition: opacity 0.2s ease 1.274s; }
  .animating-slides__slide.animate .triangles .active[data-count="99"] .b {
    transition: opacity 0.2s ease 1.287s; }
  .animating-slides__slide.animate .triangles .active[data-count="100"] .b {
    transition: opacity 0.2s ease 1.3s; }
  .animating-slides__slide.animate .animating-slides__heading:after {
    opacity: 1;
    transform: translateX(0px); }
  .animating-slides__slide.animate .animating-slides__text-container {
    opacity: 1;
    transform: translateX(0); }
  .animating-slides__slide:nth-child(1n) .animating-slides__heading:after {
    border-color: transparent transparent transparent #79A800; }
  .animating-slides__slide:nth-child(1n) .btn--animated:hover:after, .animating-slides__slide:nth-child(1n) .btn--animated:hover:before {
    border-color: #79A800; }
  .animating-slides__slide:nth-child(2n) .animating-slides__heading:after {
    border-color: transparent transparent transparent #004ECB; }
  .animating-slides__slide:nth-child(2n) .btn--animated:hover:after, .animating-slides__slide:nth-child(2n) .btn--animated:hover:before {
    border-color: #004ECB; }
  .animating-slides__slide:nth-child(3n) .animating-slides__heading:after {
    border-color: transparent transparent transparent #FF9E1B; }
  .animating-slides__slide:nth-child(3n) .btn--animated:hover:after, .animating-slides__slide:nth-child(3n) .btn--animated:hover:before {
    border-color: #FF9E1B; }
  .animating-slides__slide:nth-child(4n) .animating-slides__heading:after {
    border-color: transparent transparent transparent #008E76; }
  .animating-slides__slide:nth-child(4n) .btn--animated:hover:after, .animating-slides__slide:nth-child(4n) .btn--animated:hover:before {
    border-color: #008E76; }

.animating-slides .block-container {
  height: 100vh;
  overflow: hidden;
  position: absolute;
  /*this is required for clip-paths to work*/
  left: 50%;
  transform: translateX(-50%);
  -webkit-clip-path: inset(0);
  /* safari*/
  clip-path: inset(0);
  clip: rect(0px, auto, auto, 0px); }

.animating-slides__image-container {
  position: sticky;
  top: 0;
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.animating-slides__text-container {
  width: 36%;
  position: absolute;
  bottom: 90px;
  padding-top: 200px;
  opacity: 0;
  transform: translateX(-200px);
  transition: all 0.7s ease 0.5s; }

.animating-slides__triangle-container {
  overflow: hidden;
  width: 100%;
  height: 100vh;
  position: absolute;
  bottom: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 80%); }

.animating-slides .triangles {
  height: 100vh;
  position: absolute;
  right: 60%;
  opacity: 0.15; }

.animating-slides__text {
  color: white; }

.animating-slides__heading {
  font-size: 48px;
  font-size: 8rem;
  line-height: 54px;
  line-height: 9rem;
  margin-bottom: 4rem;
  position: relative;
  color: white; }
  .animating-slides__heading:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: -40px;
    top: 10px;
    border-style: solid;
    border-width: 16px 0 16px 26px;
    transform: translateX(-30px);
    opacity: 0;
    transition: all 0.25s ease-in 1s; }

.animating-slides__link {
  margin-top: 4rem; }

.animating-slides .btn--light {
  color: white;
  border-color: white; }

.animating-slides .triangles .a {
  stroke: white;
  stroke-width: 0.2px; }

.animating-slides .triangles .a .b {
  opacity: 0; }

@media screen and (max-width: 1200px) {
  .animating-slides__slide:nth-child(odd) .animating-slides__text-container {
    right: 5rem; }
  .animating-slides .triangles {
    right: 40%; }
  .animating-slides__text-container {
    width: 66%; }
  .animating-slides__heading:after {
    left: -5rem; } }

@media screen and (max-width: 767px) {
  .animating-slides__heading:after {
    border-width: 14px 0 14px 23px;
    top: 10px; }
  .animating-slides__slide:nth-child(odd) .animating-slides__text-container {
    right: initial; }
  .animating-slides .page-block.animating-slides {
    overflow: hidden; } }

@media screen and (max-width: 600px) {
  .animating-slides__heading {
    font-size: 42px;
    font-size: 7rem;
    line-height: 48px;
    line-height: 8rem; }
  .animating-slides__text-container {
    width: calc(100% - 9rem); } }

@media screen and (max-width: 600px) {
  .animating-slides__text-container {
    padding: 0; }
  .animating-slides__heading:after {
    top: 6px; } }

@media screen and (max-width: 480px) {
  .animating-slides__heading:after {
    border-width: 10px 0 10px 16px;
    top: 14px;
    left: -3rem; } }

@media screen and (max-height: 768px) {
  .animating-slides__text-container {
    bottom: 8rem; } }

@media screen and (max-height: 600px) {
  .animating-slides__text-container {
    bottom: 3rem; } }

/*# sourceMappingURL=style.css.map */