@import url("https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap");
@font-face {
  font-family: 'comfortaabold';
  font-style: normal;
  font-weight: normal;
  src: url("comfortaa_bold-webfont.woff2") format("woff2"), url("comfortaa_bold-webfont.woff") format("woff"); }

@font-face {
  font-family: 'comfortaaregular';
  font-style: normal;
  font-weight: normal;
  src: url("comfortaa_regular-webfont.woff2") format("woff2"), url("comfortaa_regular-webfont.woff") format("woff"); }

.grid-item.light-blue {
  background-color: #60bad4; }

.grid-item.blue {
  background-color: #578eaa; }

.grid-item.orange {
  background-color: #fe9b60; }

.grid-item.green {
  background-color: #4ac483; }

.grid-item.yellow {
  background-color: #f0cd4d; }

.grid-item.red {
  background-color: #f15b79; }

.page-template-page-process .site-inner,
.page-template-page-process-2021 .site-inner {
  background-image: url("../img/pattern.svg");
  background-size: 350px; }
  .page-template-page-process .site-inner .wrap,
  .page-template-page-process-2021 .site-inner .wrap {
    max-width: 100%; }

.container.process-this {
  margin: auto; }
  @media (min-width: 600px) {
    .container.process-this {
      padding: 35px 50px; } }
  .container.process-this .grid {
    margin: 0 auto; }
  .container.process-this .grid-item {
    border-left: 10px solid white;
    border-right: 10px solid white;
    border-top: 10px solid white;
    box-shadow: 0 4px 10px #d4d4d4;
    box-sizing: content-box;
    margin-bottom: 35px;
    overflow: hidden; }
    @media (min-width: 600px) {
      .container.process-this .grid-item {
        width: 320px; } }
  .container.process-this .grid-tall {
    height: 649px; }
    @media (min-width: 600px) {
      .container.process-this .grid-tall {
        height: 669px; } }
  .container.process-this .grid-tall iframe {
    height: 539px; }
    @media (min-width: 600px) {
      .container.process-this .grid-tall iframe {
        height: 569px; } }
  .container.process-this .grid-square {
    height: 392px; }
    @media (min-width: 600px) {
      .container.process-this .grid-square {
        height: 420px; } }
  .container.process-this .grid-square iframe {
    height: 292px; }
    @media (min-width: 600px) {
      .container.process-this .grid-square iframe {
        height: 320px; } }
  .container.process-this iframe {
    cursor: pointer;
    width: 100%; }
  @media (max-width: 599px) {
    .container.process-this .grid-wide {
      box-sizing: border-box;
      min-height: 65vh;
      width: 100%; } }
  @media (min-width: 600px) {
    .container.process-this .grid-wide {
      width: 640px; } }
  .container.process-this .intro {
    background-image: url("../img/shape-blue.svg");
    background-repeat: no-repeat;
    border: 10px solid white;
    padding: 30px; }
    @media (max-width: 599px) {
      .container.process-this .intro {
        background-position: -600px -50px;
        background-size: 300%; } }
    .container.process-this .intro h1 {
      color: white !important;
      font-family: 'comfortaabold';
      font-size: 3rem;
      margin: 0 0 25px; }
      @media (min-width: 600px) {
        .container.process-this .intro h1 {
          font-size: 65px;
          line-height: 0.9; } }
    .container.process-this .intro p {
      color: white;
      font-family: "Open Sans", sans-serif;
      font-size: 20px;
      line-height: 1.5;
      margin: 0; }
      @media (min-width: 600px) {
        .container.process-this .intro p {
          font-size: 18px; } }
  .container.process-this .text-container {
    /* border: 1px solid white; */
    background-color: white;
    bottom: 0;
    box-sizing: border-box;
    cursor: pointer;
    max-height: 100px;
    position: absolute;
    transition: max-height 0s ease;
    width: 100%;
    z-index: 9999; }
  .container.process-this .text-container.open {
    max-height: 350px;
    transition: max-height 1s ease, border 1s ease-out; }
  .container.process-this span.raise {
    animation: jump 2s ease-in-out infinite;
    /*Set our animation play state to paused initially */
    animation-play-state: paused;
    background-color: white;
    background-image: url("../img/up-arrow.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 40%;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    height: 40px;
    opacity: 1;
    position: absolute;
    right: 10px;
    top: -15px;
    width: 40px;
    z-index: 999; }
  .container.process-this span.raise:hover {
    animation-play-state: running; }

@keyframes jump {
  0% {
    transform: translateY(0); }
  30% {
    transform: translateY(-5px); }
  50% {
    transform: translateY(0); }
  100% {
    transform: translateY(0); } }
  .container.process-this .text-container.open span.raise {
    animation: none;
    animation-play-state: paused;
    background-color: rgba(255, 255, 255, 0.5);
    top: -50px;
    transform: rotate(180deg); }
  .container.process-this .text {
    box-sizing: border-box;
    margin: auto;
    padding: 12px;
    position: relative;
    text-align: center; }
  .container.process-this .text-container.open .text {
    padding: 12px;
    transition: all 0.30s ease-in; }
    .container.process-this .text-container.open .text div.header {
      min-height: 10px;
      transition: min-height 0.25s ease; }
  .container.process-this .text div.header {
    display: flex;
    align-items: center;
    min-height: 88px; }
  .container.process-this .text h1 {
    color: black;
    cursor: default;
    display: block;
    font-family: "Open Sans Condensed", sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0 0 15px; }
  .container.process-this .text p {
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    margin: auto;
    max-width: 95%;
    padding: 5px 0; }
  .container.process-this .text a {
    color: black;
    padding: 10px 0;
    text-decoration: none; }
    .container.process-this .text a:hover {
      text-decoration: underline; }

.fancybox-container .gform_wrapper {
  margin-top: 0 !important; }

.fancybox-container .gform_wrapper ul.gfield_checkbox li,
.fancybox-container .gform_wrapper ul.gfield_radio li {
  padding-right: 25px !important; }

.fancybox-container .gform_wrapper .gform_footer input.button,
.fancybox-container body .gform_wrapper .gform_footer input[type='submit'] {
  width: auto; }