html {
  box-sizing: border-box;
}

*, *::after, *::before {
  box-sizing: inherit;
}

/*** colors ***/
/*** fonts ***/
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/open-sans-v18-latin-regular.woff2") format("woff2"), url("../fonts/open-sans-v18-latin-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/open-sans-v18-latin-italic.woff2") format("woff2"), url("../fonts/open-sans-v18-latin-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/open-sans-v18-latin-700.woff2") format("woff2"), url("../fonts/open-sans-v18-latin-700.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
/*** font styles ***/
/*** colors ***/
/*** basic styles ***/
body {
  background-color: #FFFFFF;
  font-family: "Open Sans", sans-serif;
  line-height: 1.5;
  color: #393839;
}

a:link,
a:visited {
  color: #0d4075;
}

a:hover,
a:active {
  color: #07203b;
}

.button {
  white-space: nowrap;
  text-transform: uppercase;
}

.button[target=_blank] {
  position: relative;
  padding-right: calc(1.5em + 16px + 0.5em);
}
.button[target=_blank]:after {
  content: "";
  position: absolute;
  top: 48%;
  right: 1.5em;
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("../img/external-link-white.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transform: translateY(-50%);
}
.button[target=_blank].button-orange-outline:after {
  background-image: url("../img/external-link-black.svg");
}
.button[target=_blank].modal-cta-button {
  position: absolute;
}

.result-button-reserve-external[target=_blank] {
  position: relative;
  padding-right: calc(0.75em + 16px + 0.5em);
}
.result-button-reserve-external[target=_blank]:after {
  content: "";
  position: absolute;
  top: 48%;
  right: 0.75em;
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("../img/external-link-white.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transform: translateY(-50%);
}

.button-rounded {
  border-radius: 22px;
}

.button-orange {
  background-color: #faaf40;
  border-color: #bc8330;
}
.button-orange:hover, .button-orange:active {
  background-color: #bc8330;
}

.button-orange-outline {
  background-color: #FFFFFF;
  border-width: 4px;
  border-color: #faaf40;
  line-height: 36px;
  color: #393839;
}
.button-orange-outline:link, .button-orange-outline:visited {
  color: #393839;
}
.button-orange-outline:hover, .button-orange-outline:active {
  background-color: #faaf40;
  color: #FFFFFF;
}

.button-red-outline {
  background-color: transparent;
  border-width: 4px;
  border-color: #DD3227;
  line-height: 36px;
  color: #DD3227;
}
.button-red-outline:link, .button-red-outline:visited {
  color: #DD3227;
}
.button-red-outline:hover, .button-red-outline:active {
  background-color: #DD3227;
  color: #FFFFFF;
}

.button-white-outline {
  background-color: transparent;
  border-width: 4px;
  border-color: #FFFFFF;
  line-height: 36px;
  color: #FFFFFF;
}
.button-white-outline:link, .button-white-outline:visited {
  color: #FFFFFF;
}
.button-white-outline:hover, .button-white-outline:active {
  background-color: rgba(0, 0, 0, 0.5);
  color: #FFFFFF;
}

/*** site header ***/
.site-header {
  background-color: #FFFFFF;
  color: #000000;
  border-bottom: 1px solid #F2F2F2;
}
.page-template-page-pro-home .site-header, .page-template-page-pro-mobility .site-header, .page-template-page-pro-mobility-new .site-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  background-color: transparent;
  border-bottom: 0;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 896px) and (orientation: landscape) {
  .site-header {
    height: 54px;
  }
}

.site-header-logo a:link,
.site-header-logo a:visited,
.site-header-logo a:hover,
.site-header-logo a:active {
  width: 99px;
  height: 34px;
  background-image: url("../img/propark-logo.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
}
@media screen and (min-width: 800px) {
  .site-header-logo a:link,
.site-header-logo a:visited,
.site-header-logo a:hover,
.site-header-logo a:active {
    width: 140px;
    height: 48px;
  }
}
.page-template-page-pro-home .site-header-logo a:link,
.page-template-page-pro-home .site-header-logo a:visited,
.page-template-page-pro-home .site-header-logo a:hover,
.page-template-page-pro-home .site-header-logo a:active {
  background-image: url("../img/propark-logo-white.svg");
}
@media only screen and (min-device-width: 320px) and (max-device-width: 896px) and (orientation: landscape) {
  .site-header-logo {
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .site-header-logo a:link,
.site-header-logo a:visited,
.site-header-logo a:hover,
.site-header-logo a:active {
    width: 99px;
    height: 34px;
  }
}

.primary-nav {
  z-index: 500;
}
.primary-nav li {
  font-weight: 400;
  margin-right: 1.5em;
}
.primary-nav li ul {
  left: -1em;
  width: 180px;
}
.primary-nav li li {
  background-color: #FFFFFF;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  overflow: hidden;
}
.primary-nav li li a:link,
.primary-nav li li a:visited {
  padding: 0.5em 1em;
}
.primary-nav li li a:hover,
.primary-nav li li a:active {
  background-color: #0d4075;
  color: #FFFFFF;
}
.primary-nav li li.current-menu-item a:link,
.primary-nav li li.current-menu-item a:visited {
  background-color: #0d4075;
  color: #FFFFFF;
}
.primary-nav li li:last-child {
  border-radius: 0 0 3px 3px;
  box-shadow: 0 1px 1px 1px rgba(57, 56, 57, 0.025), 0 2px 2px 2px rgba(57, 56, 57, 0.025);
}
.primary-nav li li:before {
  content: none;
}
.primary-nav li.highlight a {
  position: relative;
  padding: 0 1em;
}
.primary-nav li.highlight a:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 44px;
  background-color: transparent;
  border: 3px solid #faaf40;
  border-radius: 3px;
  transform: translateY(-48%);
  transition: all 0.25s ease-in-out;
}
.primary-nav li.highlight a:hover:after, .primary-nav li.highlight a:active:after {
  background-color: #faaf40;
}
.primary-nav li.highlight:before {
  content: none;
}
.primary-nav li.menu-item-has-children {
  position: relative;
  padding-right: 1.25em;
}
.primary-nav li.menu-item-has-children:after {
  content: "";
  position: absolute;
  top: 53%;
  right: 0;
  display: block;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 12px solid #faaf40;
  transform: translateY(-50%) rotate(0deg);
  transition: all 0.125s ease-in-out;
}
.primary-nav li.menu-item-has-children:hover:after, .primary-nav li.menu-item-has-children:active:after {
  transform: translateY(-50%) rotate(90deg);
}
.primary-nav li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: transparent;
  transition: all 0.25s ease-in-out;
}
.primary-nav li:hover:before, .primary-nav li:active:before, .primary-nav li.current-menu-item:before, .primary-nav li.current-menu-parent:before {
  background-color: #faaf40;
}
@media screen and (min-width: 1024px) {
  .primary-nav li {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.primary-nav a:link,
.primary-nav a:visited,
.primary-nav a:hover,
.primary-nav a:active {
  color: #393839;
}
.page-template-page-pro-home .primary-nav a:link,
.page-template-page-pro-home .primary-nav a:visited,
.page-template-page-pro-home .primary-nav a:hover,
.page-template-page-pro-home .primary-nav a:active, .page-template-page-pro-mobility .primary-nav a:link,
.page-template-page-pro-mobility .primary-nav a:visited,
.page-template-page-pro-mobility .primary-nav a:hover,
.page-template-page-pro-mobility .primary-nav a:active, .page-template-page-pro-mobility-new .primary-nav a:link,
.page-template-page-pro-mobility-new .primary-nav a:visited,
.page-template-page-pro-mobility-new .primary-nav a:hover,
.page-template-page-pro-mobility-new .primary-nav a:active {
  color: #FFFFFF;
}
.page-template-page-pro-home .primary-nav li li a:link,
.page-template-page-pro-home .primary-nav li li a:visited, .page-template-page-pro-mobility .primary-nav li li a:link,
.page-template-page-pro-mobility .primary-nav li li a:visited, .page-template-page-pro-mobility-new .primary-nav li li a:link,
.page-template-page-pro-mobility-new .primary-nav li li a:visited {
  color: #393839;
}
.page-template-page-pro-home .primary-nav li li a:hover,
.page-template-page-pro-home .primary-nav li li a:active, .page-template-page-pro-mobility .primary-nav li li a:hover,
.page-template-page-pro-mobility .primary-nav li li a:active, .page-template-page-pro-mobility-new .primary-nav li li a:hover,
.page-template-page-pro-mobility-new .primary-nav li li a:active {
  color: #FFFFFF;
}
.page-template-page-pro-home .primary-nav li li:first-child, .page-template-page-pro-mobility .primary-nav li li:first-child, .page-template-page-pro-mobility-new .primary-nav li li:first-child {
  border-radius: 3px 3px 0 0;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 896px) and (orientation: landscape) {
  .primary-nav {
    display: none;
  }
}

.mobile-nav {
  padding-top: calc(54px + 1em);
  padding-bottom: 1em;
  background-color: #0d4075;
  overflow: scroll;
}
.mobile-nav .menu {
  position: static;
  transform: translate(0, 0);
}
.mobile-nav .menu .menu-item {
  margin-bottom: 0.7em;
  text-align: left;
}
.mobile-nav .menu .menu-item a:link,
.mobile-nav .menu .menu-item a:visited {
  display: block;
  margin-bottom: 0.35em;
  padding-bottom: 0.35em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.34);
  color: #FFFFFF;
}
.mobile-nav .menu .menu-item a:hover,
.mobile-nav .menu .menu-item a:active {
  color: rgba(255, 255, 255, 0.67);
}
.mobile-nav .sub-menu {
  -moz-columns: 2;
       columns: 2;
}
.mobile-nav .sub-menu .menu-item {
  margin-bottom: 0.35em;
  font-size: 16px;
  font-size: 1rem;
}
.mobile-nav .sub-menu .menu-item a:link,
.mobile-nav .sub-menu .menu-item a:visited {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
  color: rgba(255, 255, 255, 0.67);
}
.mobile-nav .sub-menu .menu-item a:hover,
.mobile-nav .sub-menu .menu-item a:active {
  color: #FFFFFF;
}
.mobile-nav .sub-menu .current-menu-item a:link,
.mobile-nav .sub-menu .current-menu-item a:visited,
.mobile-nav .sub-menu .current-menu-item a:hover,
.mobile-nav .sub-menu .current-menu-item a:active {
  color: #FFFFFF;
}

.hamburger span {
  background-color: #393839;
}
.hamburger:hover span, .hamburger:active span {
  background-color: #DD3227;
}
.mobile-nav-active .hamburger span {
  background-color: #FFFFFF;
}
.page-template-page-pro-home .hamburger span, .page-template-page-pro-mobility .hamburger span, .page-template-page-pro-mobility-new .hamburger span {
  background-color: #FFFFFF;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 896px) and (orientation: landscape) {
  #mobile-nav-trigger {
    display: block;
  }
}

.toggle-icon {
  color: #393839;
}

/*** site footer ***/
.pro-site-footer {
  position: relative;
  z-index: 2;
  background-color: #FFFFFF;
}
.page-template-page-search .pro-site-footer, .page-template-page-special-event .pro-site-footer, .single-locations .pro-site-footer {
  display: none;
}

.pro-site-footer-section {
  border-top: 1px solid #dfdfdf;
}

.pro-site-footer-section-top {
  padding: 2em 0;
}

.pro-site-footer-section-bottom {
  padding: 1em 0;
  color: #9c9c9c;
  text-align: center;
}

.pro-site-footer-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2em;
  justify-items: center;
}
@media only screen and (min-width: 480px) {
  .pro-site-footer-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1024px) {
  .pro-site-footer-grid {
    grid-template-columns: 140px 3fr 1fr 1fr 96px;
    justify-items: start;
  }
}

.pro-site-footer-logo a {
  display: block;
  width: 140px;
  height: 48px;
  background-image: url("../img/propark-logo.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
}
@media only screen and (min-width: 480px) {
  .pro-site-footer-logo {
    grid-column: 1/3;
  }
}
@media only screen and (min-width: 1024px) {
  .pro-site-footer-logo {
    grid-column: auto;
  }
}

@media only screen and (min-width: 480px) {
  .pro-cities-served-menu {
    grid-column: 1/3;
  }
  .pro-cities-served-menu ul {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 2em;
         column-gap: 2em;
  }
}
@media only screen and (min-width: 640px) {
  .pro-cities-served-menu ul {
    -moz-column-count: 3;
         column-count: 3;
  }
}
@media only screen and (min-width: 800px) {
  .pro-cities-served-menu ul {
    -moz-column-count: 4;
         column-count: 4;
  }
}
@media only screen and (min-width: 1024px) {
  .pro-cities-served-menu {
    grid-column: auto;
    padding-right: calc(33.3333333333% - 2em);
  }
  .pro-cities-served-menu ul {
    -moz-column-count: 2;
         column-count: 2;
  }
}

.pro-cities-served-menu,
.pro-site-footer-menu {
  width: 100%;
}
.pro-cities-served-menu ul > * + *,
.pro-site-footer-menu ul > * + * {
  margin-top: 0.125em;
}
.pro-cities-served-menu li,
.pro-site-footer-menu li {
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .pro-cities-served-menu li,
.pro-site-footer-menu li {
    text-align: left;
  }
}

@media only screen and (min-width: 480px) {
  .pro-site-footer-badge {
    grid-column: 1/3;
  }
}
@media only screen and (min-width: 1024px) {
  .pro-site-footer-badge {
    grid-column: auto;
  }
}

.pro-site-footer-copyright {
  font-size: 13px;
  font-size: 0.8125rem;
}
@media screen and (min-width: 800px) {
  .pro-site-footer-copyright {
    float: left;
  }
}

.pro-site-footer-social-nav {
  margin-top: 1em;
  line-height: 1;
}
.pro-site-footer-social-nav ul {
  margin: 0;
  list-style: none;
}
.pro-site-footer-social-nav li {
  display: inline-block;
  vertical-align: baseline;
  margin-right: 0.75em;
}
.pro-site-footer-social-nav li:last-child {
  margin-right: 0;
}
.pro-site-footer-social-nav a svg {
  width: 16px;
  height: 16px;
  fill: #9c9c9c;
  transition: all 0.25s ease-in-out;
}
.pro-site-footer-social-nav a[href*=facebook]:hover svg, .pro-site-footer-social-nav a[href*=facebook]:active svg {
  fill: #1877f2;
}
.pro-site-footer-social-nav a[href*=instagram]:hover svg, .pro-site-footer-social-nav a[href*=instagram]:active svg {
  fill: #c32aa3;
}
.pro-site-footer-social-nav a[href*=linkedin]:hover svg, .pro-site-footer-social-nav a[href*=linkedin]:active svg {
  fill: #007bb5;
}
.pro-site-footer-social-nav a[href*=twitter]:hover svg, .pro-site-footer-social-nav a[href*=twitter]:active svg {
  fill: #1da1f2;
}
@media screen and (min-width: 800px) {
  .pro-site-footer-social-nav {
    float: right;
    margin-top: 0;
  }
}

/*** sections ***/
.pro-section {
  padding: 3em 0;
}

.pro-section-header {
  margin-bottom: 3em;
  text-align: center;
}
.pro-section-header .container {
  max-width: 840px;
}

.pro-section-header-title {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.3;
  font-weight: 700;
}
@media screen and (min-width: 480px) {
  .pro-section-header-title {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.3;
  }
}
@media screen and (min-width: 640px) {
  .pro-section-header-title {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.3;
  }
}
@media screen and (min-width: 800px) {
  .pro-section-header-title {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.3;
  }
}
@media screen and (min-width: 1024px) {
  .pro-section-header-title {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.3;
  }
}
@media screen and (min-width: 1280px) {
  .pro-section-header-title {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1.3;
  }
}

.pro-section-header-text {
  margin-top: 1em;
}
.pro-section-header-text p:last-child {
  margin-bottom: 0;
}

.pro-section-cta {
  margin-top: 2em;
}

/*** cards ***/
.pro-card {
  position: relative;
  display: block;
  margin-bottom: 2em;
  background-color: #FFFFFF;
  border-radius: 3px;
  box-shadow: 0 1px 1px 1px rgba(57, 56, 57, 0.025), 0 2px 2px 2px rgba(57, 56, 57, 0.025), 0 4px 4px 4px rgba(57, 56, 57, 0.025);
  transition: all 0.25s ease-in-out;
  overflow: hidden;
}
.pro-card:link, .pro-card:visited {
  color: #393839;
  text-decoration: none;
}
.pro-card:hover, .pro-card:active {
  box-shadow: 0 2px 2px 2px rgba(57, 56, 57, 0.05), 0 4px 4px 4px rgba(57, 56, 57, 0.05), 0 8px 8px 8px rgba(57, 56, 57, 0.05);
  color: #393839;
  text-decoration: none;
}
.pro-card:last-child {
  margin-bottom: 0;
}

.pro-card-image {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 75%;
  background-color: #bfbfbf;
  overflow: hidden;
}
.pro-card-image img {
  display: block;
  width: 100%;
}

.pro-card-content {
  padding: 1.5em 5%;
}
@media screen and (min-width: 640px) {
  .pro-card-content {
    padding: 2em;
  }
}

.pro-card-content-with-cta {
  padding-bottom: 4em;
}
@media screen and (min-width: 640px) {
  .pro-card-content-with-cta {
    padding-bottom: 5em;
  }
}

.pro-card-title {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
}
.pro-card-title a {
  text-decoration: none;
}

.pro-card-text {
  margin-top: 0.5em;
}
.pro-card-text p:last-child {
  margin-bottom: 0;
}

.pro-card-cta {
  position: absolute;
  bottom: 24px;
  left: 5%;
  margin: 0;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 700;
  color: #0d4075;
  text-decoration: underline;
  text-transform: uppercase;
  white-space: nowrap;
}
@media screen and (min-width: 640px) {
  .pro-card-cta {
    bottom: 32px;
    left: 32px;
  }
}

/*** card grids ***/
@media screen and (min-width: 480px) {
  .pro-cards-three-up .pro-card-title {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.4;
  }
}
@media screen and (min-width: 640px) {
  .pro-cards-three-up .pro-card-title {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.3;
  }
}
@media screen and (min-width: 800px) {
  .pro-cards-three-up {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
  }
  .pro-cards-three-up .pro-card {
    flex: none;
    width: 31.25%;
    margin-right: 3.125%;
    margin-bottom: 0;
  }
  .pro-cards-three-up .pro-card:last-child {
    margin-right: 0;
  }
  .pro-cards-three-up .pro-card-title {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1024px) {
  .pro-cards-three-up .pro-card-title {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.4;
  }
}
@media screen and (min-width: 1280px) {
  .pro-cards-three-up .pro-card-title {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.3;
  }
}

.pro-cards-three-up-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 2em 3.125%;
}
.pro-cards-three-up-grid .pro-card {
  margin-bottom: 0;
}
.pro-cards-three-up-grid .pro-card-title {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
}
@media screen and (min-width: 480px) {
  .pro-cards-three-up-grid .pro-card-title {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.3;
  }
}
@media screen and (min-width: 640px) {
  .pro-cards-three-up-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .pro-cards-three-up-grid .pro-card-title {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.4;
  }
}
@media screen and (min-width: 800px) {
  .pro-cards-three-up-grid .pro-card-title {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.3;
  }
}
@media screen and (min-width: 1024px) {
  .pro-cards-three-up-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .pro-cards-three-up-grid .pro-card-title {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.4;
  }
}
@media screen and (min-width: 1280px) {
  .pro-cards-three-up-grid .pro-card-title {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.3;
  }
}

.pro-cards-four-up .pro-card-title {
  text-align: center;
}
@media screen and (min-width: 640px) {
  .pro-cards-four-up {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
  .pro-cards-four-up .pro-card {
    flex: none;
    width: 48.4375%;
    margin-right: 3.125%;
    margin-bottom: 3.125%;
  }
  .pro-cards-four-up .pro-card:nth-child(2n) {
    margin-right: 0;
  }
  .pro-cards-four-up .pro-card:nth-last-child(-n+2) {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .pro-cards-four-up {
    flex-wrap: nowrap;
  }
  .pro-cards-four-up .pro-card {
    width: 22.65625%;
    margin-bottom: 0;
  }
  .pro-cards-four-up .pro-card:nth-child(2n) {
    margin-right: 3.125%;
  }
  .pro-cards-four-up .pro-card:last-child {
    margin-right: 0;
  }
}

.pro-cards-four-up-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 2em 3.125%;
}
.pro-cards-four-up-grid .pro-card {
  margin-bottom: 0;
}
.pro-cards-four-up-grid .pro-card-title {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
}
@media screen and (min-width: 480px) {
  .pro-cards-four-up-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .pro-cards-four-up-grid .pro-card-title {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.4;
  }
}
@media screen and (min-width: 640px) {
  .pro-cards-four-up-grid .pro-card-title {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.3;
  }
}
@media screen and (min-width: 800px) {
  .pro-cards-four-up-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .pro-cards-four-up-grid .pro-card-title {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.4;
  }
}
@media screen and (min-width: 1024px) {
  .pro-cards-four-up-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  .pro-cards-four-up-grid .pro-card-title {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.4;
  }
}
@media screen and (min-width: 1024px) {
  .pro-cards-four-up-grid .pro-card-title {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.3;
  }
}

.pro-cards-four-up-slider {
  display: flex;
  padding-bottom: 20px;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  overflow: auto visible;
}
.pro-cards-four-up-slider .pro-card,
.pro-cards-four-up-slider .pro-color-card {
  flex-shrink: 0;
  width: 290px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 0;
  scroll-snap-align: start;
}
.pro-cards-four-up-slider .slider-spacing {
  flex-shrink: 0;
  width: 1px;
  background-color: red;
}
@media screen and (min-width: 640px) {
  .pro-cards-four-up-slider {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    overflow: visible;
  }
  .pro-cards-four-up-slider .pro-card {
    flex: none;
    width: 48.4375%;
    margin-right: 3.125%;
    margin-bottom: 3.125%;
    text-align: center;
  }
  .pro-cards-four-up-slider .pro-card:nth-child(2n) {
    margin-right: 0;
  }
  .pro-cards-four-up-slider .pro-card:nth-last-child(-n+2) {
    margin-bottom: 0;
  }
  .pro-cards-four-up-slider .slider-spacing {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .pro-cards-four-up-slider {
    flex-wrap: nowrap;
  }
  .pro-cards-four-up-slider .pro-card {
    width: 22.65625%;
    margin-bottom: 0;
  }
  .pro-cards-four-up-slider .pro-card:nth-child(2n) {
    margin-right: 3.125%;
  }
  .pro-cards-four-up-slider .pro-card:last-child {
    margin-right: 0;
  }
}

/*** logos ***/
.pro-logos-group {
  display: flex;
  padding-bottom: 20px;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  overflow: auto visible;
}
@media screen and (min-width: 640px) {
  .pro-logos-group {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: -10px -10px;
    padding-bottom: 0;
    overflow: auto;
  }
}

.pro-logo {
  flex-shrink: 0;
  position: relative;
  width: 180px;
  height: 135px;
  margin-right: 20px;
  background-color: #FFFFFF;
  scroll-snap-align: start;
}
.pro-logo a:link,
.pro-logo a:visited {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #dfdfdf;
  border-radius: 3px;
}
.pro-logo a:hover,
.pro-logo a:active {
  border-color: #bfbfbf;
}
.pro-logo img {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  max-width: 80%;
  max-height: 80px;
  transform: translate(-50%, -50%);
}
.pro-logo:last-child {
  margin-right: 0;
}
@media screen and (min-width: 640px) {
  .pro-logo {
    margin: 10px;
  }
}

/*** arrow list ***/
.pro-arrow-list ul {
  margin: 0;
  list-style: none;
}
.pro-arrow-list li {
  position: relative;
  display: block;
  margin-bottom: 0.5em;
  padding-left: 1.5em;
}
.pro-arrow-list li:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  display: block;
  width: 0;
  height: 0;
  border-top: 0.4375em solid transparent;
  border-bottom: 0.4375em solid transparent;
  border-left: 0.875em solid #faaf40;
}
.pro-arrow-list li:last-child {
  margin-bottom: 0;
}
.pro-arrow-list a:link,
.pro-arrow-list a:visited,
.pro-arrow-list a:hover,
.pro-arrow-list a:visited {
  font-weight: 700;
}

.pro-arrow-list-two-up {
  -moz-columns: 2;
       columns: 2;
}

/*** content :: defaults ***/
.pro-content-section {
  padding-top: 2em;
  padding-bottom: 2em;
}
.pro-content-section:first-child {
  padding-top: 4em;
}
.pro-content-section:last-child {
  padding-bottom: 4em;
}
.pro-content-section.pro-section-photo {
  margin-top: 2em;
  margin-bottom: 2em;
}
.pro-content-section.pro-section-photo:first-child {
  margin-top: 0;
}
.pro-content-section.pro-section-photo:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 800px) {
  .pro-content-section {
    padding-top: 3em;
    padding-bottom: 3em;
  }
  .pro-content-section:first-child {
    padding-top: 6em;
  }
  .pro-content-section:last-child {
    padding-bottom: 6em;
  }
  .pro-content-section.pro-section-photo {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  .pro-content-section.pro-section-photo:first-child {
    margin-top: 0;
  }
  .pro-content-section.pro-section-photo:last-child {
    margin-bottom: 0;
  }
}

/*** content :: narrow text column ***/
.pro-section-text .pro-section-content .container {
  max-width: 840px;
}
.pro-section-text .pro-section-content .container > *:last-child {
  margin-bottom: 0;
}

/*** content :: text & image ***/
@media screen and (min-width: 800px) {
  .pro-section-text-image-grid {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
  }
}

.pro-section-text-image-image {
  margin-bottom: 2em;
  border-radius: 3px;
  box-shadow: 0 1px 1px 1px rgba(57, 56, 57, 0.025), 0 2px 2px 2px rgba(57, 56, 57, 0.025), 0 4px 4px 4px rgba(57, 56, 57, 0.025);
  overflow: hidden;
}
.pro-section-text-image-image img {
  display: block;
  width: 100%;
}
@media screen and (min-width: 800px) {
  .pro-section-text-image-image {
    flex: none;
    width: 39.84375%;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 800px) {
  .pro-section-text-image-text {
    flex: none;
    width: 51.5625%;
  }
}

@media screen and (min-width: 800px) {
  .pro-section-text-image-left .pro-section-text-image-grid {
    flex-direction: row;
  }
}

@media screen and (min-width: 800px) {
  .pro-section-text-image-right .pro-section-text-image-grid {
    flex-direction: row-reverse;
  }
}

.pro-section-text-image-header {
  margin-bottom: 1.5em;
}

.pro-section-text-image-title {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.3;
  font-weight: 700;
}
@media screen and (min-width: 480px) {
  .pro-section-text-image-title {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.3;
  }
}
@media screen and (min-width: 640px) {
  .pro-section-text-image-title {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.3;
  }
}
@media screen and (min-width: 800px) {
  .pro-section-text-image-title {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.3;
  }
}
@media screen and (min-width: 1024px) {
  .pro-section-text-image-title {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.3;
  }
}
@media screen and (min-width: 1280px) {
  .pro-section-text-image-title {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1.3;
  }
}

.pro-section-text-image-content h1,
.pro-section-text-image-content h2,
.pro-section-text-image-content h3,
.pro-section-text-image-content h4,
.pro-section-text-image-content h5,
.pro-section-text-image-content h6 {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  font-size: 1.5rem;
  margin-bottom: 0.5em;
}
.pro-section-text-image-content ol,
.pro-section-text-image-content ul {
  margin: 0 0 1em 2em;
}
.pro-section-text-image-content ol:last-child,
.pro-section-text-image-content ul:last-child {
  margin-bottom: 0;
}
.pro-section-text-image-content ol {
  list-style: decimal;
}
.pro-section-text-image-content ul {
  list-style: disc;
}
.pro-section-text-image-content li {
  margin-bottom: 0.5em;
}
.pro-section-text-image-content li:last-child {
  margin-bottom: 0;
}
.pro-section-text-image-content p:last-child {
  margin-bottom: 0;
}
.pro-section-text-image-content .pro-arrow-list ul {
  margin: 0;
}
@media screen and (min-width: 480px) {
  .pro-section-text-image-content .pro-arrow-list {
    -moz-columns: 2;
         columns: 2;
  }
}

/*** content :: full-bleed photo background ***/
.pro-section-photo {
  padding: 4em 0;
  background-image: url("../../chirp/img/headers/chicago-skyline-3200.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #dfdfdf;
}
@media screen and (min-width: 800px) {
  .pro-section-photo {
    padding: 8em 0;
  }
}

@media screen and (min-width: 800px) {
  .pro-section-photo-text {
    flex: none;
    width: 48.4375%;
  }
}

.pro-section-photo-header {
  margin-bottom: 2em;
}

.pro-section-photo-title {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.2;
}

.pro-section-photo-content h2,
.pro-section-photo-content h3,
.pro-section-photo-content h4,
.pro-section-photo-content h5,
.pro-section-photo-content h6 {
  position: relative;
  margin-bottom: 0.5em;
  padding-left: 1.25em;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
}
.pro-section-photo-content h2:before,
.pro-section-photo-content h3:before,
.pro-section-photo-content h4:before,
.pro-section-photo-content h5:before,
.pro-section-photo-content h6:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  display: block;
  width: 0;
  height: 0;
  border-top: 0.4375em solid transparent;
  border-bottom: 0.4375em solid transparent;
  border-left: 0.875em solid #faaf40;
}
.pro-section-photo-content ol,
.pro-section-photo-content ul {
  margin: 0 0 1em 2em;
}
.pro-section-photo-content ol:last-child,
.pro-section-photo-content ul:last-child {
  margin-bottom: 0;
}
.pro-section-photo-content ol {
  list-style: decimal;
}
.pro-section-photo-content ul {
  list-style: disc;
}
.pro-section-photo-content li {
  margin-bottom: 0.5em;
}
.pro-section-photo-content li:last-child {
  margin-bottom: 0;
}
.pro-section-photo-content p + h2,
.pro-section-photo-content p + h3,
.pro-section-photo-content p + h4,
.pro-section-photo-content p + h5,
.pro-section-photo-content p + h6 {
  margin-top: 2em;
}
.pro-section-photo-content p:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 800px) {
  .pro-section-photo-content h2,
.pro-section-photo-content h3,
.pro-section-photo-content h4,
.pro-section-photo-content h5,
.pro-section-photo-content h6 {
    padding-left: 0;
  }
  .pro-section-photo-content h2:before,
.pro-section-photo-content h3:before,
.pro-section-photo-content h4:before,
.pro-section-photo-content h5:before,
.pro-section-photo-content h6:before {
    left: -1.25em;
  }
}

.pro-section-photo-text-black,
.pro-section-photo-text-white {
  position: relative;
}
.pro-section-photo-text-black:before,
.pro-section-photo-text-white:before {
  content: "";
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 800px) {
  .pro-section-photo-text-black:before,
.pro-section-photo-text-white:before {
    width: 67%;
  }
}

.pro-section-photo-text-black {
  color: #393839;
  text-shadow: 0 2px 2px rgba(255, 255, 255, 0.25);
}
.pro-section-photo-text-black:before {
  background-color: rgba(255, 255, 255, 0.75);
}

.pro-section-photo-text-white {
  color: #FFFFFF;
  text-shadow: 0 2px 2px rgba(57, 56, 57, 0.25);
}
.pro-section-photo-text-white:before {
  background-color: rgba(0, 0, 0, 0.75);
}

@media screen and (min-width: 800px) {
  .pro-section-photo-text-left .container,
.pro-section-photo-text-right .container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
}

@media screen and (min-width: 800px) {
  .pro-section-photo-text-left .container {
    justify-content: flex-start;
  }
  .pro-section-photo-text-left:before {
    left: 0;
  }
  .pro-section-photo-text-left.pro-section-photo-text-black:before {
    background-image: linear-gradient(to left, transparent, rgba(255, 255, 255, 0.75) 70%);
    background-color: transparent;
  }
  .pro-section-photo-text-left.pro-section-photo-text-white:before {
    background-image: linear-gradient(to left, transparent, rgba(0, 0, 0, 0.75) 70%);
    background-color: transparent;
  }
}

@media screen and (min-width: 800px) {
  .pro-section-photo-text-right .container {
    justify-content: flex-end;
  }
  .pro-section-photo-text-right:before {
    right: 0;
  }
  .pro-section-photo-text-right.pro-section-photo-text-black:before {
    background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.75) 70%);
    background-color: transparent;
  }
  .pro-section-photo-text-right.pro-section-photo-text-white:before {
    background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.75) 70%);
    background-color: transparent;
  }
}

/*** content :: badge ***/
.pro-section-badge .container {
  position: relative;
  max-width: 840px;
}

@media screen and (min-width: 640px) {
  .pro-badge-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
  }
}

.pro-badge-image {
  max-width: 220px;
  margin: 0 auto 2em auto;
}
.pro-badge-image img {
  display: block;
}
@media screen and (min-width: 640px) {
  .pro-badge-image {
    flex: none;
    width: 34.5238095238%;
    max-width: none;
    margin: 0;
  }
}

.pro-badge-content h1 + p {
  margin-top: 1em;
}
.pro-badge-content p:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 640px) {
  .pro-badge-content {
    flex: none;
    width: 60.7142857143%;
  }
}

.pro-badge-title {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.2;
}

/*** content :: video ***/
.pro-section-video .pro-section-content .container {
  max-width: 1060px;
}

/*** all :: hero section ***/
.pro-section-hero {
  position: relative;
  width: 100%;
  height: calc(100vh - 54px);
  background-color: #bfbfbf;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}
.pro-section-hero .container {
  position: absolute;
  top: calc(54px + 1em);
  left: 50%;
  height: calc(100% - (54px + 1em) - (42px + 2em + 1em));
  transform: translateX(-50%);
}
@media screen and (min-width: 800px) {
  .pro-section-hero {
    height: calc(100vh - 70px);
    background-attachment: fixed;
  }
  .pro-section-hero .container {
    top: calc(70px + 1em);
    height: calc(100% - (70px + 1em) - (42px + 2em + 1em));
  }
}
.page-template-page-pro-home .pro-section-hero {
  height: 100vh;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 896px) and (orientation: landscape) {
  .pro-section-hero {
    background-attachment: scroll;
  }
}

.pro-section-hero-video {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 100%;
  height: 100%;
  transform: translate3d(-50%, -50%, 0);
  pointer-events: none;
}
.pro-section-hero-video video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.pro-section-hero-form {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 1rem;
}
@media screen and (min-width: 800px) {
  .pro-section-hero-form {
    flex-direction: row;
  }
}

.pro-section-hero-badge {
  display: none;
}
@media screen and (min-width: 1024px) {
  .pro-section-hero-badge {
    display: block;
    width: 170px;
  }
  .pro-section-hero-badge img {
    display: block;
    max-width: 100px;
  }
}

.pro-section-hero-monthly {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #FFFFFF;
  text-align: center;
}
.pro-section-hero-monthly a:link,
.pro-section-hero-monthly a:visited {
  position: relative;
  padding-right: calc(13px + 0.5em);
  color: #FFFFFF;
}
.pro-section-hero-monthly a:link:after,
.pro-section-hero-monthly a:visited:after {
  content: "";
  position: absolute;
  top: 48%;
  right: 0;
  display: block;
  width: 13px;
  height: 13px;
  background-image: url("../img/external-link-white.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transform: translateY(-50%);
}
.pro-section-hero-monthly a:hover,
.pro-section-hero-monthly a:active {
  color: rgba(255, 255, 255, 0.75);
}
@media screen and (min-width: 800px) {
  .pro-section-hero-monthly {
    width: 170px;
    margin-top: 3px;
    text-align: right;
  }
}

@media screen and (min-width: 480px) {
  .pro-section-hero-content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 896px) and (orientation: landscape) {
  .pro-section-hero-content {
    position: static;
    transform: none;
  }
}

.pro-section-hero-small {
  position: relative;
  width: 100%;
  height: 480px;
  background-color: #bfbfbf;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}
.pro-section-hero-small .container {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  height: auto;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 640px) {
  .pro-section-hero-small {
    height: 0;
    padding-bottom: 72%;
  }
}
@media screen and (min-width: 800px) {
  .pro-section-hero-small {
    height: 576px;
    padding-bottom: 0;
    background-attachment: fixed;
  }
}
@media screen and (min-width: 1024px) {
  .pro-section-hero-small {
    height: 0;
    padding-bottom: 56.25%;
  }
}
@media screen and (min-width: 1280px) {
  .pro-section-hero-small {
    height: 720px;
    padding-bottom: 0;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 896px) and (orientation: landscape) {
  .pro-section-hero-small {
    background-attachment: scroll;
  }
}

.pro-section-hero-title {
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 700;
  color: #FFFFFF;
  text-shadow: 0 2px 2px rgba(57, 56, 57, 0.25);
}
.pro-section-hero-small .pro-section-hero-title {
  position: relative;
  padding-bottom: 0.5em;
  font-size: 32px;
  font-size: 2rem;
}
.pro-section-hero-small .pro-section-hero-title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 260px;
  height: 0.2em;
  background-color: #faaf40;
  transform: translateX(-50%);
}
@media screen and (min-width: 640px) {
  .pro-section-hero-title {
    font-size: 44px;
    font-size: 2.75rem;
  }
  .pro-section-hero-small .pro-section-hero-title {
    font-size: 40px;
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 800px) {
  .pro-section-hero-title {
    font-size: 56px;
    font-size: 3.5rem;
  }
  .pro-section-hero-small .pro-section-hero-title {
    font-size: 48px;
    font-size: 3rem;
  }
}
@media screen and (min-width: 1024px) {
  .pro-section-hero-title {
    font-size: 68px;
    font-size: 4.25rem;
  }
  .pro-section-hero-small .pro-section-hero-title {
    font-size: 56px;
    font-size: 3.5rem;
  }
}
@media screen and (min-width: 1280px) {
  .pro-section-hero-title {
    font-size: 80px;
    font-size: 5rem;
  }
  .pro-section-hero-small .pro-section-hero-title {
    font-size: 64px;
    font-size: 4rem;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 896px) and (orientation: landscape) {
  .pro-section-hero-title {
    font-size: 44px;
    font-size: 2.75rem;
  }
  .pro-section-hero-small .pro-section-hero-title {
    font-size: 40px;
    font-size: 2.5rem;
  }
}

.pro-section-hero-subtitle {
  margin: 0.5em 0 0 0;
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 1.4;
  font-weight: 700;
  color: #FFFFFF;
  text-shadow: 0 2px 2px rgba(57, 56, 57, 0.25);
}
@media screen and (min-width: 640px) {
  .pro-section-hero-subtitle {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.3;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 896px) and (orientation: landscape) {
  .pro-section-hero-subtitle {
    font-size: 21px;
    font-size: 1.3125rem;
  }
}

.pro-section-hero-text {
  margin-top: 1em;
}
.pro-section-hero-text p {
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5em;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  color: #FFFFFF;
  text-shadow: 0 2px 2px rgba(57, 56, 57, 0.1);
}
.pro-section-hero-text p:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 640px) {
  .pro-section-hero-text p {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.3;
  }
}
@media screen and (min-width: 800px) {
  .pro-section-hero-text p {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.3;
  }
}
@media screen and (min-width: 1024px) {
  .pro-section-hero-text p {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1.3;
  }
}

.pro-section-hero-arrow {
  position: absolute;
  bottom: 2em;
  left: 50%;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 24px solid transparent;
  border-right: 24px solid transparent;
  border-top: 36px solid #faaf40;
  transform: translateX(-50%);
}
.pro-section-hero-arrow:link, .pro-section-hero-arrow:visited, .pro-section-hero-arrow:hover, .pro-section-hero-arrow:active {
  text-decoration: none;
}
.pro-section-hero-arrow:hover, .pro-section-hero-arrow:active {
  border-top: 36px solid #FFFFFF;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 896px) and (orientation: landscape) {
  .pro-section-hero-arrow {
    border-left-width: 16px;
    border-right-width: 16px;
    border-top-width: 24px;
  }
}

/*** home :: search form ***/
.pro-site-intro-form input[type=search] {
  margin-bottom: 0.5em;
}
@media screen and (min-width: 800px) {
  .pro-site-intro-form {
    position: relative;
    flex: 1;
  }
  .pro-site-intro-form input[type=search] {
    margin-bottom: 0;
    padding-right: calc(162px + 1em);
  }
}

.pro-site-intro-form-submit {
  border-color: #000000;
}
@media screen and (min-width: 640px) {
  .pro-site-intro-form-submit {
    position: absolute;
    top: 0;
    right: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}

.page-template-page-pro-home .maintenance-mode-banner {
  display: none;
}
.page-template-page-pro-home .pro-section-hero-form .maintenance-mode-banner {
  display: block;
  max-width: 950px;
  margin: 0 auto;
  margin-bottom: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
}
@media screen and (min-width: 1280px) {
  .page-template-page-pro-home .pro-section-hero-form .maintenance-mode-banner {
    max-width: none;
    margin-left: 12.890625%;
    margin-right: 12.890625%;
  }
}

/*** home :: intro ***/
.pro-section-intro {
  padding-top: 3em;
  padding-bottom: 0;
}
.pro-section-intro .pro-section-header {
  margin-bottom: 2em;
}
.pro-section-intro .pro-section-header-title {
  font-weight: 400;
  text-transform: uppercase;
}
.pro-section-intro .pro-section-content {
  text-align: center;
}
.pro-section-intro .pro-section-content .container {
  max-width: 950px;
}
.pro-section-intro .pro-section-content p {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 700;
}
@media screen and (min-width: 640px) {
  .pro-section-intro .pro-section-content p {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.35;
  }
}
@media screen and (min-width: 800px) {
  .pro-section-intro .pro-section-content p {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.3;
  }
}
.pro-section-intro .pro-section-content span {
  color: #faaf40;
}
@media screen and (min-width: 640px) {
  .pro-section-hero + .pro-section-intro {
    padding-top: 6em;
  }
}

/*** home :: industries section ***/
/*** home :: press releases section ***/
.pro-section-press {
  position: relative;
  padding-top: 0;
}
.pro-section-press .container {
  z-index: 2;
}
.pro-section-press:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 50%;
  background-color: #F2F2F2;
}

/*** home :: partners section ***/
/*** about :: mission statement ***/
.pro-section-mission {
  padding: 4em 0;
  background-color: #F2F2F2;
  text-align: center;
}

.pro-section-mission-header {
  margin-bottom: 1.5em;
}

.pro-section-mission-content p {
  max-width: 840px;
  margin: 0 auto 1em auto;
}
.pro-section-mission-content p:last-child {
  margin-bottom: 0;
}

.pro-section-mission-title {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 36px;
  font-size: 2.25rem;
}

/*** about :: team members section ***/
.pro-card-team-member {
  margin-bottom: 0;
}
.pro-card-team-member .pro-card-image {
  padding-bottom: 100%;
}
.pro-card-team-member .pro-card-image img {
  display: block;
}
.pro-card-team-member .pro-card-title {
  text-decoration: underline;
  transition: all 0.25s ease-in-out;
}
.pro-card-team-member .pro-card-content {
  text-align: center;
}
.pro-card-team-member:hover .pro-card-title, .pro-card-team-member:active .pro-card-title {
  color: #DD3227;
}
.pro-card-team-member a:link,
.pro-card-team-member a:visited,
.pro-card-team-member a:hover,
.pro-card-team-member a:active {
  text-decoration: none;
}

/*** about :: industries buttons ***/
.pro-industry-buttons-grid {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.pro-industry-buttons-grid li {
  flex-basis: 250px;
  padding: 1em;
}

.pro-industry-button {
  display: inline-block;
  width: 100%;
  height: 44px;
  padding: 0 1em;
  background-color: #FFFFFF;
  border: 4px solid #faaf40;
  border-radius: 22px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 36px;
  font-weight: 700;
  color: #faaf40;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}
.pro-industry-button:link, .pro-industry-button:visited {
  color: #faaf40;
  text-decoration: none;
}
.pro-industry-button:hover, .pro-industry-button:active {
  border-color: #DD3227;
  color: #DD3227;
}

/*** contact :: template ***/
.pro-contact-grid {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
@media screen and (min-width: 800px) {
  .pro-contact-grid {
    flex-direction: row;
    justify-content: space-between;
  }
}

.pro-contact-content {
  flex: none;
  margin-bottom: 4em;
}
@media screen and (min-width: 800px) {
  .pro-contact-content {
    width: 65.625%;
    margin-bottom: 0;
  }
}

.pro-contact-sidebar {
  flex: none;
}
@media screen and (min-width: 800px) {
  .pro-contact-sidebar {
    width: 31.25%;
  }
}
@media screen and (min-width: 1024px) {
  .pro-contact-sidebar {
    width: 22.65625%;
  }
}

.pro-contact-content-section {
  margin-bottom: 4em;
}
.pro-contact-content-section .section-header {
  text-align: left;
}
.pro-contact-content-section:last-child {
  margin-bottom: 0;
}

.pro-contact-sidebar-section {
  margin-bottom: 2em;
  padding-bottom: 2em;
  border-bottom: 1px solid #bfbfbf;
}
.pro-contact-sidebar-section:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.pro-contact-sidebar-section-title {
  margin-bottom: 1em;
  font-weight: 700;
}

.pro-contact-sidebar-item {
  margin-bottom: 1em;
}
.pro-contact-sidebar-item p:last-child {
  margin-bottom: 0;
}
.pro-contact-sidebar-item:last-child {
  margin-bottom: 0;
}

.pro-contact-sidebar-item-title {
  font-weight: 700;
}

.faq {
  border-color: #bfbfbf;
}

/*** industries/solutions archive ***/
/*** industries :: single ***/
.pro-section-case-studies {
  position: relative;
}
.pro-section-case-studies .container {
  z-index: 2;
}
.pro-section-case-studies:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 50%;
  background-color: #F2F2F2;
}

/*** solutions :: single ***/
.pro-section-form {
  background-color: #F2F2F2;
}
.pro-section-form .pro-section-content .container {
  max-width: 840px;
}

@media screen and (min-width: 640px) {
  .pro-footer-form-group {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .pro-footer-form-group .form-field {
    width: 47.619047619%;
    margin-right: 4.7619047619%;
  }
  .pro-footer-form-group .form-field:nth-child(2n) {
    margin-right: 0;
  }
}

/*** case studies :: single ***/
.pro-section-case-study .container {
  max-width: 840px;
}

.pro-case-study-sidebar {
  margin-top: 3em;
  padding-top: 3em;
  border-top: 1px solid #faaf40;
}

.pro-case-study-sidebar-item {
  margin-bottom: 1.5em;
}
.pro-case-study-sidebar-item:last-child {
  margin-bottom: 0;
}

.pro-case-study-sidebar-item-title {
  margin-bottom: 0.25em;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  font-size: 1.5rem;
}

.pro-case-study-sidebar-item-subtitle {
  margin-bottom: 0.25em;
  font-weight: 700;
}

.pro-case-study-sidebar-item-content p:last-child {
  margin-bottom: 0;
}

/*** team :: single ***/
@media screen and (min-width: 800px) {
  .pro-single-team {
    position: relative;
  }
}

.pro-single-team-text {
  padding: 2em 5% 4em 5%;
}
@media screen and (min-width: 800px) {
  .pro-single-team-text {
    width: 50%;
    min-height: 640px;
    padding: 5%;
  }
}

.pro-single-team-image {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background-color: #dfdfdf;
  overflow: hidden;
}
.pro-single-team-image img {
  display: block;
  width: 100%;
}
@media screen and (min-width: 800px) {
  .pro-single-team-image {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    padding-bottom: 0;
  }
  .pro-single-team-image img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50% 25%;
       object-position: 50% 25%;
  }
}

.pro-single-team-header {
  margin-bottom: 2em;
}

.pro-single-team-header-title {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 36px;
  font-size: 2.25rem;
}

.pro-single-team-header-text p:last-child {
  margin-bottom: 0;
}

.pro-single-team-content p:last-child {
  margin-bottom: 0;
}

/*** blog :: all  ***/
.pro-categories-nav {
  padding: 0.5em 1em;
  background-color: #0d4075;
}
.pro-categories-nav ul {
  display: none;
}
@media screen and (min-width: 640px) {
  .pro-categories-nav .select-wrapper {
    display: none;
  }
  .pro-categories-nav ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
  .pro-categories-nav li {
    position: relative;
    margin-right: 1em;
    padding-right: 1em;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
  }
  .pro-categories-nav li:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 2px;
    height: 75%;
    background-color: #FFFFFF;
    transform: translateY(-45%);
  }
  .pro-categories-nav li:last-child {
    margin-right: 0;
    padding-right: 0;
  }
  .pro-categories-nav li:last-child:after {
    content: none;
  }
  .pro-categories-nav a:link,
.pro-categories-nav a:visited {
    color: #FFFFFF;
  }
  .pro-categories-nav a:hover,
.pro-categories-nav a:active {
    color: rgba(255, 255, 255, 0.75);
  }
}

.section-blog-posts .container {
  max-width: 1060px;
}
.single .section-blog-posts .container {
  max-width: 840px;
}

.post {
  margin-bottom: 4.5em;
  padding-bottom: 0;
  border-bottom: 0;
}

.single .post-header {
  margin-bottom: 3em;
}

.post-preview {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.5em;
}
.post-preview .post-header {
  text-align: left;
}
@media screen and (min-width: 800px) {
  .post-preview {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 3em;
  }
}
@media screen and (min-width: 1024px) {
  .post-preview {
    align-items: center;
  }
}

.post-featured-image {
  margin-bottom: 3em;
  box-shadow: none;
}
.blog .post-featured-image, .post-type-archive-press .post-featured-image, .search .post-featured-image {
  margin-bottom: 0;
}

.post-content-cta a {
  font-weight: 700;
  text-transform: uppercase;
}

.post-categories,
.post-footer {
  display: none;
}

.pagination-nav {
  border-color: #0d4075;
}

/*** custom map pins ***/
.marker.marker-active, .marker:hover, .marker:active {
  background-color: #faaf40;
}

.marker-alt {
  background-image: url("../img/favicon.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 18px 18px;
}
.marker-alt.marker-active, .marker-alt:hover, .marker-alt:active {
  background-color: #FFFFFF;
}

/*** color cards ***/
.pro-color-card {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3em 2em;
  border-radius: 3px;
  text-align: center;
}

.pro-color-card[data-color=red] {
  background-color: #DD3227;
  color: #FFFFFF;
}

.pro-color-card[data-color=white] {
  background-color: #FFFFFF;
  border: 1px solid #393839;
}

.pro-color-card[data-color=yellow] {
  background-color: #faaf40;
}

.pro-color-card-title {
  font-size: 48px;
  font-size: 3rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}

.pro-color-card-title-small {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.4;
}

.pro-color-card-label {
  margin-top: 0.5em;
  font-weight: 700;
}
.pro-color-card-label p {
  margin-bottom: 0;
}

/*** stripe ***/
.pro-section-stripe {
  text-align: center;
}

.pro-section-stripe[data-color=gray] {
  background-color: #393839;
  color: #FFFFFF;
}

.pro-section-stripe[data-color=red] {
  background-color: #DD3227;
  color: #FFFFFF;
}

.pro-section-stripe[data-color=yellow] {
  background-color: #faaf40;
}

.pro-section-stripe-title {
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase;
}

.pro-section-stripe-text {
  max-width: 100ch;
  margin: 2em auto 0 auto;
}

.pro-section-stripe-industries .container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.pro-section-stripe-industries .container::after {
  content: none;
}
@media screen and (min-width: 800px) {
  .pro-section-stripe-industries .container {
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 2rem;
  }
}
.pro-section-stripe-industries .pro-section-stripe-title {
  font-size: 24px;
  font-size: 1.5rem;
  text-transform: none;
}
@media screen and (min-width: 640px) {
  .pro-section-stripe-industries .pro-section-stripe-title {
    font-size: 32px;
    font-size: 2rem;
  }
}
.pro-section-stripe-industries .button {
  flex: 0 0 auto;
}

/*** custom tinymce buttons ***/
.pro-pullout-quote {
  padding: 0 1em 1em 1em;
  font-size: 21px;
  font-size: 1.3125rem;
  font-style: italic;
  color: #dd3227;
}
@media screen and (min-width: 640px) {
  .pro-pullout-quote {
    padding: 1em 2em 2em 2em;
    font-size: 28px;
    font-size: 1.75rem;
  }
}

.pro-callout-box {
  padding: 2em;
  margin: 2em 0;
}

.pro-callout-box-outline {
  border: 5px solid #dd3227;
}

.pro-callout-box-solid {
  background-color: #dd3227;
  color: #FFFFFF;
}

.pro-drop-cap {
  float: left;
  width: 0.7em;
  font-size: 400%;
  line-height: 85%;
}

/*** gravity forms customizations ***/
.gform_body {
  margin-bottom: 1em;
}
.gform_body ul {
  margin: 0;
  list-style: none;
}

.gform_confirmation_message {
  font-weight: 700;
  text-align: center;
}

.gform_ajax_spinner {
  display: inline-block;
  vertical-align: middle;
  width: 44px;
  height: 44px;
  margin-left: 1em;
}

.hidden_sub_label {
  display: none;
}

.gfield_required {
  display: inline-block;
  margin-left: 0.125rem;
  color: red;
}

.ginput_complex {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 1rem;
}
.ginput_complex span {
  display: block;
  flex: 1;
}
.ginput_complex label {
  display: block;
  margin-top: 0.25rem;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 700;
  opacity: 0.75;
}
@media only screen and (min-width: 640px) {
  .ginput_complex {
    flex-direction: row;
  }
}

/*** mobility template ***/
.page-template-page-pro-mobility .pro-site-footer {
  z-index: 100;
}

.pro-mobility-header,
.pro-mobility-section {
  position: sticky;
  top: 0;
  width: 100%;
  min-height: 100vh;
}

.pro-mobility-header-video {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: translate3d(-50%, -50%, 0) scale(1.25);
  -webkit-animation: zoomIn 0.5s ease-in-out forwards;
          animation: zoomIn 0.5s ease-in-out forwards;
  pointer-events: none;
}
.pro-mobility-header-video video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale(1.25);
  }
  100% {
    opacity: 1;
    transform: translate3d(-50%, -50%, 0) scale(1);
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale(1.25);
  }
  100% {
    opacity: 1;
    transform: translate3d(-50%, -50%, 0) scale(1);
  }
}
.pro-mobility-header-content {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 100%;
  color: #FFFFFF;
  text-align: center;
  transform: translate3d(-50%, -50%, 0);
}

.pro-mobility-header-title {
  font-size: clamp(3.375rem, 1.8rem + 5.25vw, 6rem);
  line-height: 1.2;
  font-weight: 700;
  text-transform: uppercase;
  text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
  opacity: 0;
  -webkit-animation: fadeIn 0.5s ease-in-out 0.7s forwards;
          animation: fadeIn 0.5s ease-in-out 0.7s forwards;
}

.pro-mobility-header-subtitle {
  margin-bottom: 0.25em;
  font-size: clamp(1.5rem, 0.8382352941rem + 2.2058823529vw, 2.25rem);
  line-height: 1.2;
  font-weight: 700;
  text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
  opacity: 0;
  -webkit-animation: fadeIn 0.5s ease-in-out 0.35s forwards;
          animation: fadeIn 0.5s ease-in-out 0.35s forwards;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* mobility section */
.pro-mobility-section {
  background-color: #FFFFFF;
  box-shadow: 0 -5px 20px 10px rgba(0, 0, 0, 0.1);
}

.pro-mobility-section-natural {
  min-height: auto;
  padding-top: 4em;
}

.pro-mobility-section-centered {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding: 4em 0;
}
.pro-mobility-section-centered > * {
  flex: none;
  width: 100%;
}

.pro-mobility-section-narrow .pro-mobility-section-content .container {
  max-width: 840px;
}

.pro-mobility-section-header {
  margin-bottom: 4em;
  text-align: center;
}

.pro-mobility-section-title-fade-in {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  will-change: opacity;
}
.pro-mobility-section-active .pro-mobility-section-title-fade-in {
  opacity: 1;
}

.pro-mobility-section-title {
  max-width: 950px;
  margin: 0 auto;
  font-size: clamp(2rem, 0.7867647059rem + 4.0441176471vw, 3.375rem);
  line-height: 1.2;
  font-weight: 700;
  text-transform: uppercase;
}
.pro-mobility-section-title em {
  font-weight: 300;
}

.pro-mobility-section-title-medium {
  font-size: clamp(2rem, 1.1176470588rem + 2.9411764706vw, 3rem);
}

.pro-mobility-section-title-small {
  font-size: clamp(1.5rem, 0.8382352941rem + 2.2058823529vw, 2.25rem);
}
.pro-mobility-header .pro-mobility-section-title-small {
  text-transform: none;
}

.pro-mobility-section-footer {
  padding: 4em 0;
}
.pro-mobility-section-footer .container {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.pro-mobility-section-footer .container > * + * {
  margin-top: 1em;
}
@media screen and (min-width: 800px) {
  .pro-mobility-section-footer .container {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .pro-mobility-section-footer .container > * + * {
    margin-top: 0;
    margin-left: 1em;
  }
}

.pro-mobility-section-footer-text {
  margin-bottom: 0;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 600;
  text-align: center;
}
@media screen and (min-width: 800px) {
  .pro-mobility-section-footer-text {
    text-align: left;
  }
}

.pro-mobility-section-footer-red {
  background-color: #DD3227;
  color: #FFFFFF;
}
.pro-mobility-section-footer-red .pro-mobility-section-footer-text {
  text-transform: uppercase;
}

/* mobility cards */
@media only screen and (max-width: 1023px) {
  .pro-mobility-cards-wrapper .container {
    width: 100%;
    max-width: auto;
  }
}

.pro-mobility-cards-group {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  margin-top: -1em;
  padding: 1em 5% 2em 5%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.pro-mobility-cards-group > * + * {
  margin-left: 1em;
}
.pro-mobility-cards-group::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 1024px) {
  .pro-mobility-cards-group {
    margin-top: 0;
    padding: 0;
    overflow: visible;
  }
}

@media screen and (min-width: 1024px) {
  .pro-mobility-card-buffer {
    display: none;
  }
}

.pro-mobility-card {
  flex: 0 0 16em;
  display: block;
  background-image: linear-gradient(to bottom, #FFFFFF 75%, #DADADA 100%);
  border-radius: 10px;
  box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.16);
  overflow: hidden;
  transform: scale(1);
  transition: box-shadow 0.25s ease-in-out, opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
  will-change: box-shadow, transform;
}
.pro-mobility-card:link, .pro-mobility-card:visited {
  color: #393839;
  text-decoration: none;
}
.pro-mobility-card:hover, .pro-mobility-card:active {
  box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.32);
  color: #393839;
  transform: scale(1.02);
}
@media screen and (min-width: 1024px) {
  .pro-mobility-card {
    flex: 1;
    opacity: 0;
    transform: translate3d(0, 2em, 0) scale(1);
  }
  .pro-mobility-card:nth-child(1) {
    transition-delay: 0;
  }
  .pro-mobility-card:nth-child(2) {
    transition-delay: 0.05s;
  }
  .pro-mobility-card:nth-child(3) {
    transition-delay: 0.1s;
  }
  .pro-mobility-card:nth-child(4) {
    transition-delay: 0.15s;
  }
  .pro-mobility-card:nth-child(5) {
    transition-delay: 0.2s;
  }
  .pro-mobility-card:nth-child(6) {
    transition-delay: 0.25s;
  }
  .pro-mobility-card:nth-child(7) {
    transition-delay: 0.3s;
  }
  .pro-mobility-card:nth-child(8) {
    transition-delay: 0.35s;
  }
  .pro-mobility-card:nth-child(9) {
    transition-delay: 0.4s;
  }
  .pro-mobility-card:nth-child(10) {
    transition-delay: 0.45s;
  }
  .pro-mobility-section-active .pro-mobility-card {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
  .pro-mobility-section-active .pro-mobility-card:hover, .pro-mobility-section-active .pro-mobility-card:active {
    box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.32);
    transform: translate3d(0, 0, 0) scale(1.02);
  }
}

.pro-mobility-card-image {
  width: 100%;
  background-color: #CCC;
}
.pro-mobility-card-image img {
  display: block;
  width: 100%;
}

.pro-mobility-card-content {
  padding: 1em;
  text-align: center;
}

.pro-mobility-card-label {
  margin-bottom: 0.25em;
  font-style: italic;
}

.pro-mobility-card-title {
  font-weight: 700;
}

/* mobility :: sustainable */
#sustainable-solutions {
  background-color: gray;
  transition: background-color 0.5s ease-in-out 0.5s;
  will-change: background-color;
  overflow: hidden;
}
#sustainable-solutions.pro-mobility-section-active {
  background-color: #393839;
}

.pro-mobility-section-sustainable-images {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
}

.pro-mobility-section-sustainable-image {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 100%;
  height: 25%;
  opacity: 0;
  background-blend-mode: darken;
  transition: opacity 0.5s ease-in-out, transform 1s ease-in-out;
  will-change: opacity, transform;
}
.pro-mobility-section-sustainable-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.pro-mobility-section-sustainable-image:nth-child(1) {
  transform: translate3d(-150%, -200%, 0);
}
.pro-mobility-section-sustainable-image:nth-child(2) {
  transform: translate3d(50%, -100%, 0);
}
.pro-mobility-section-sustainable-image:nth-child(3) {
  transform: translate3d(-150%, 0%, 0);
}
.pro-mobility-section-sustainable-image:nth-child(4) {
  transform: translate3d(50%, 100%, 0);
}
@media screen and (min-width: 1024px) {
  .pro-mobility-section-sustainable-image {
    width: 25%;
    height: 100%;
  }
  .pro-mobility-section-sustainable-image:nth-child(1) {
    transform: translate3d(-450%, -50%, 0);
    transition-delay: 0.35s;
  }
  .pro-mobility-section-sustainable-image:nth-child(2) {
    transform: translate3d(-240%, -50%, 0);
    transition-delay: 0;
  }
  .pro-mobility-section-sustainable-image:nth-child(3) {
    transform: translate3d(140%, -50%, 0);
    transition-delay: 0;
  }
  .pro-mobility-section-sustainable-image:nth-child(4) {
    transform: translate3d(350%, -50%, 0);
    transition-delay: 0.35s;
  }
}

.pro-mobility-section-sustainable-content {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  width: 100%;
  height: auto;
  color: #FFFFFF;
  opacity: 0;
  transform: translate3d(-50%, -50%, 0);
  transition: opacity 0.5s ease-in-out 1s;
  will-change: opacity;
}
.pro-mobility-section-sustainable-content .container {
  min-width: 0;
}

.pro-mobility-section-sustainable-headline {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 0.5em;
  align-items: center;
  text-align: center;
}
@media screen and (min-width: 640px) {
  .pro-mobility-section-sustainable-headline {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 4em;
    text-align: left;
  }
}

.pro-mobility-section-sustainable-headline-subject {
  font-size: clamp(1.5rem, -0.75rem + 7.5vw, 6rem);
  line-height: 1.2;
  font-weight: 700;
}

.pro-mobility-section-sustainable-headline-predicate {
  font-size: clamp(2rem, -0.75rem + 9.1666666667vw, 7.5rem);
  line-height: 1.1;
  font-weight: 700;
  text-transform: uppercase;
}
@media screen and (min-width: 640px) {
  .pro-mobility-section-sustainable-headline-predicate span {
    display: block;
  }
}

.pro-mobility-section-sustainable-cta {
  margin-top: 2em;
  text-align: center;
}
@media screen and (min-width: 640px) {
  .pro-mobility-section-sustainable-cta {
    text-align: left;
  }
}

.pro-mobility-section-active .pro-mobility-section-sustainable-image {
  opacity: 0.35;
}
.pro-mobility-section-active .pro-mobility-section-sustainable-image:nth-child(1) {
  transform: translate3d(-50%, -200%, 0);
}
.pro-mobility-section-active .pro-mobility-section-sustainable-image:nth-child(2) {
  transform: translate3d(-50%, -100%, 0);
}
.pro-mobility-section-active .pro-mobility-section-sustainable-image:nth-child(3) {
  transform: translate3d(-50%, 0%, 0);
}
.pro-mobility-section-active .pro-mobility-section-sustainable-image:nth-child(4) {
  transform: translate3d(-50%, 100%, 0);
}
@media screen and (min-width: 1024px) {
  .pro-mobility-section-active .pro-mobility-section-sustainable-image:nth-child(1) {
    transform: translate3d(-200%, -50%, 0);
  }
  .pro-mobility-section-active .pro-mobility-section-sustainable-image:nth-child(2) {
    transform: translate3d(-100%, -50%, 0);
  }
  .pro-mobility-section-active .pro-mobility-section-sustainable-image:nth-child(3) {
    transform: translate3d(0, -50%, 0);
  }
  .pro-mobility-section-active .pro-mobility-section-sustainable-image:nth-child(4) {
    transform: translate3d(100%, -50%, 0);
  }
}
.pro-mobility-section-active .pro-mobility-section-sustainable-content {
  opacity: 1;
}

/* mobility logos */
.pro-mobility-logos-group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  margin-top: -2em;
}

.pro-mobility-logo {
  padding: 2em;
  opacity: 0;
  transform: translate3d(0, 2em, 0);
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
  will-change: transform, opacity;
}
.pro-mobility-logo img {
  display: block;
  max-width: 240px;
  max-height: 120px;
}
.pro-mobility-logo:nth-child(1) {
  transition-delay: 0;
}
.pro-mobility-logo:nth-child(2) {
  transition-delay: 0.05s;
}
.pro-mobility-logo:nth-child(3) {
  transition-delay: 0.1s;
}
.pro-mobility-logo:nth-child(4) {
  transition-delay: 0.15s;
}
.pro-mobility-logo:nth-child(5) {
  transition-delay: 0.2s;
}
.pro-mobility-logo:nth-child(6) {
  transition-delay: 0.25s;
}
.pro-mobility-logo:nth-child(7) {
  transition-delay: 0.3s;
}
.pro-mobility-logo:nth-child(8) {
  transition-delay: 0.35s;
}
.pro-mobility-logo:nth-child(9) {
  transition-delay: 0.4s;
}
.pro-mobility-logo:nth-child(10) {
  transition-delay: 0.45s;
}
.pro-mobility-section-active .pro-mobility-logo {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* template :: mobility :: image map */
.pro-mobility-section-campus {
  padding-bottom: 4em;
}
@media only screen and (min-width: 800px) {
  .pro-mobility-section-campus {
    padding: 0;
  }
}

.pro-mobility-campus {
  width: 90%;
  max-width: 1280px;
  margin: 0 auto;
}
.pro-mobility-campus > * + * {
  margin-top: 4rem;
}
@media only screen and (min-width: 800px) {
  .pro-mobility-campus {
    position: relative;
    width: 100%;
    max-width: none;
    margin: 0;
    background-color: #393839;
  }
  .pro-mobility-campus > * + * {
    margin-top: 0;
  }
}

.pro-mobility-campus-background {
  display: none;
}
.pro-mobility-campus-background img {
  display: block;
  width: 100%;
}
@media only screen and (min-width: 800px) {
  .pro-mobility-campus-background {
    display: block;
    transition: opacity 0.125s linear;
  }
  .pro-mobility-campus-active .pro-mobility-campus-background {
    opacity: 0.5;
  }
}

.pro-mobility-campus-item {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 2rem;
  align-items: center;
}
@media only screen and (min-width: 640px) {
  .pro-mobility-campus-item {
    flex-direction: row;
  }
  .pro-mobility-campus-item:nth-child(even) {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 800px) {
  .pro-mobility-campus-item {
    display: block;
  }
}

.pro-mobility-campus-item-image {
  width: 100%;
  padding: 2rem;
  background-color: #F4F4F4;
  border: 1px solid #E8E8E8;
  border-radius: 3px;
}
.pro-mobility-campus-item-image img {
  display: block;
  margin: 0 auto;
}
@media only screen and (min-width: 640px) {
  .pro-mobility-campus-item-image {
    flex: 0 0 40%;
  }
}
@media only screen and (min-width: 800px) {
  .pro-mobility-campus-item-image {
    flex: none;
    position: absolute;
    z-index: 2;
    padding: 0;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    cursor: pointer;
  }
  .pro-mobility-campus-item-image img {
    width: 100%;
  }
}

@media only screen and (min-width: 800px) {
  #bikes .pro-mobility-campus-item-image {
    top: 56.7592592593%;
    left: 39.6354166667%;
    width: 13.5416666667%;
    height: 7.1296296296%;
    -webkit-clip-path: polygon(1% 26%, 12% 20%, 12% 20%, 14% 14%, 14% 14%, 14% 6%, 14% 6%, 19% 0%, 19% 0%, 57% 35%, 57% 35%, 57% 0%, 57% 0%, 62% 3%, 62% 3%, 62% 40%, 62% 40%, 80% 56%, 80% 56%, 80% 42%, 80% 42%, 79% 39%, 79% 39%, 81% 28%, 81% 28%, 82% 21%, 82% 21%, 84% 31%, 84% 31%, 85% 51%, 85% 51%, 84% 59%, 84% 59%, 100% 74%, 100% 74%, 65% 99%, 65% 99%);
            clip-path: polygon(1% 26%, 12% 20%, 12% 20%, 14% 14%, 14% 14%, 14% 6%, 14% 6%, 19% 0%, 19% 0%, 57% 35%, 57% 35%, 57% 0%, 57% 0%, 62% 3%, 62% 3%, 62% 40%, 62% 40%, 80% 56%, 80% 56%, 80% 42%, 80% 42%, 79% 39%, 79% 39%, 81% 28%, 81% 28%, 82% 21%, 82% 21%, 84% 31%, 84% 31%, 85% 51%, 85% 51%, 84% 59%, 84% 59%, 100% 74%, 100% 74%, 65% 99%, 65% 99%);
  }
}

@media only screen and (min-width: 800px) {
  #ev-chargers .pro-mobility-campus-item-image {
    top: 62.7777777778%;
    right: 5.5729166667%;
    width: 25.2083333333%;
    height: 16.2037037037%;
    -webkit-clip-path: polygon(0% 33%, 3% 28%, 4% 21%, 7% 11%, 9% 5%, 13% 0%, 21% 3%, 23% 7%, 25% 16%, 25% 20%, 26% 19%, 29% 15%, 34% 10%, 41% 13%, 43% 23%, 44% 35%, 61% 45%, 63% 37%, 65% 37%, 67% 39%, 67% 46%, 67% 47%, 73% 51%, 76% 40%, 78% 33%, 91% 38%, 93% 42%, 95% 48%, 95% 57%, 95% 63%, 100% 67%, 96% 99%, 87% 93%, 90% 93%, 84% 81%, 74% 71%, 68% 71%, 67% 77%, 65% 83%, 63% 83%, 60% 81%, 61% 75%, 58% 73%, 57% 65%, 53% 61%, 38% 52%, 35% 59%, 18% 47%, 17% 51%, 14% 48%, 14% 44%, 0% 33%);
            clip-path: polygon(0% 33%, 3% 28%, 4% 21%, 7% 11%, 9% 5%, 13% 0%, 21% 3%, 23% 7%, 25% 16%, 25% 20%, 26% 19%, 29% 15%, 34% 10%, 41% 13%, 43% 23%, 44% 35%, 61% 45%, 63% 37%, 65% 37%, 67% 39%, 67% 46%, 67% 47%, 73% 51%, 76% 40%, 78% 33%, 91% 38%, 93% 42%, 95% 48%, 95% 57%, 95% 63%, 100% 67%, 96% 99%, 87% 93%, 90% 93%, 84% 81%, 74% 71%, 68% 71%, 67% 77%, 65% 83%, 63% 83%, 60% 81%, 61% 75%, 58% 73%, 57% 65%, 53% 61%, 38% 52%, 35% 59%, 18% 47%, 17% 51%, 14% 48%, 14% 44%, 0% 33%);
  }
}

@media only screen and (min-width: 800px) {
  #parking-management .pro-mobility-campus-item-image {
    top: 68.8888888889%;
    right: 0;
    width: 36.3541666667%;
    height: 24.3518518519%;
    -webkit-clip-path: polygon(13% 0%, 38% 17%, 41% 10%, 42% 9%, 54% 19%, 56% 23%, 55% 29%, 60% 32%, 61% 28%, 60% 25%, 60% 24%, 62% 25%, 63% 22%, 68% 23%, 74% 29%, 76% 34%, 77% 35%, 78% 38%, 77% 44%, 86% 49%, 87% 43%, 85% 41%, 89% 39%, 91% 38%, 100% 43%, 100% 100%, 0% 14%);
            clip-path: polygon(13% 0%, 38% 17%, 41% 10%, 42% 9%, 54% 19%, 56% 23%, 55% 29%, 60% 32%, 61% 28%, 60% 25%, 60% 24%, 62% 25%, 63% 22%, 68% 23%, 74% 29%, 76% 34%, 77% 35%, 78% 38%, 77% 44%, 86% 49%, 87% 43%, 85% 41%, 89% 39%, 91% 38%, 100% 43%, 100% 100%, 0% 14%);
  }
}

@media only screen and (min-width: 800px) {
  #scooters .pro-mobility-campus-item-image {
    top: 62.962962963%;
    left: 10.46875%;
    width: 13.2291666667%;
    height: 14.537037037%;
    -webkit-clip-path: polygon(0% 100%, 11% 31%, 11% 14%, 78% 0%, 100% 68%);
            clip-path: polygon(0% 100%, 11% 31%, 11% 14%, 78% 0%, 100% 68%);
  }
}

@media only screen and (min-width: 800px) {
  #shuttle .pro-mobility-campus-item-image {
    top: 63.7037037037%;
    left: 34.7916666667%;
    width: 17.4479166667%;
    height: 28.8888888889%;
    -webkit-clip-path: polygon(0% 6%, 31% 0%, 82% 22%, 86% 26%, 88% 30%, 88% 37%, 81% 39%, 82% 44%, 90% 43%, 93% 42%, 93% 53%, 90% 54%, 89% 56%, 99% 67%, 100% 69%, 100% 81%, 94% 86%, 76% 95%, 74% 95%, 72% 99%, 69% 100%, 63% 97%, 61% 92%, 61% 88%, 59% 89%, 53% 85%, 50% 87%, 40% 78%, 40% 76%, 26% 64%, 25% 67%, 23% 67%, 20% 64%, 19% 57%, 0% 40%);
            clip-path: polygon(0% 6%, 31% 0%, 82% 22%, 86% 26%, 88% 30%, 88% 37%, 81% 39%, 82% 44%, 90% 43%, 93% 42%, 93% 53%, 90% 54%, 89% 56%, 99% 67%, 100% 69%, 100% 81%, 94% 86%, 76% 95%, 74% 95%, 72% 99%, 69% 100%, 63% 97%, 61% 92%, 61% 88%, 59% 89%, 53% 85%, 50% 87%, 40% 78%, 40% 76%, 26% 64%, 25% 67%, 23% 67%, 20% 64%, 19% 57%, 0% 40%);
  }
}

@media only screen and (min-width: 800px) {
  #valet .pro-mobility-campus-item-image {
    top: 57.037037037%;
    left: 51.1979166667%;
    width: 6.25%;
    height: 6.4814814815%;
    -webkit-clip-path: polygon(1% 87%, 29% 76%, 41% 83%, 48% 83%, 49% 24%, 25% 14%, 50% 1%, 78% 18%, 51% 24%, 51% 44%, 56% 44%, 59% 35%, 62% 28%, 64% 35%, 67% 36%, 70% 45%, 69% 56%, 67% 64%, 68% 78%, 77% 72%, 80% 34%, 96% 33%, 99% 82%, 85% 87%, 83% 84%, 58% 95%, 44% 92%, 29% 100%);
            clip-path: polygon(1% 87%, 29% 76%, 41% 83%, 48% 83%, 49% 24%, 25% 14%, 50% 1%, 78% 18%, 51% 24%, 51% 44%, 56% 44%, 59% 35%, 62% 28%, 64% 35%, 67% 36%, 70% 45%, 69% 56%, 67% 64%, 68% 78%, 77% 72%, 80% 34%, 96% 33%, 99% 82%, 85% 87%, 83% 84%, 58% 95%, 44% 92%, 29% 100%);
  }
}

.pro-mobility-campus-item-text {
  flex: 1;
}
.pro-mobility-campus-item-text *:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 800px) {
  .pro-mobility-campus-item-text {
    flex: none;
    display: block;
    position: absolute;
    top: 2rem;
    left: 2rem;
    width: 100%;
    max-width: 480px;
    padding: 2rem;
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 3px;
    box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.25);
    opacity: 0;
    transition: opacity 0.25s linear;
  }
  .pro-mobility-campus-item-text > * {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

@media only screen and (min-width: 800px) {
  .pro-mobility-campus-item-text-active {
    opacity: 1;
  }
}

/* campus card */
#campus-card {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  background-image: linear-gradient(to bottom, #6B6B6B, #FFFFFF);
  overflow: hidden;
}

.pro-mobility-campus-card {
  width: 90%;
  max-width: 1280px;
  margin: 0 auto;
  box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.16);
}
@media screen and (min-width: 800px) {
  .pro-mobility-campus-card {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    box-shadow: none;
  }
}

.pro-mobility-campus-card-image {
  height: 300px;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}
.pro-mobility-campus-card-image img {
  display: block;
  width: 100%;
}
@media screen and (min-width: 800px) {
  .pro-mobility-campus-card-image {
    flex: none;
    width: 40%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.16);
    opacity: 0;
    transform: translate3d(-10em, -10em, 0);
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    will-change: transform, opacity;
  }
  .pro-mobility-section-active .pro-mobility-campus-card-image {
    opacity: 1;
    transform: translate3d(5%, 2em, 0);
  }
}

.pro-mobility-campus-card-text {
  padding: 5%;
  background-color: rgba(255, 255, 255, 0.92);
  border-radius: 0 0 10px 10px;
}
@media screen and (min-width: 800px) {
  .pro-mobility-campus-card-text {
    flex: none;
    width: 60%;
    padding: 4em;
    border-radius: 10px;
    box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.16);
    opacity: 1;
    transform: translate3d(10em, 10em, 0);
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    will-change: transform, opacity;
  }
  .pro-mobility-section-active .pro-mobility-campus-card-text {
    opacity: 1;
    transform: translate3d(-5%, -2em, 0);
  }
}

.pro-mobility-campus-card-header {
  margin-bottom: 1em;
}

.pro-mobility-campus-card-title {
  font-size: clamp(1.5rem, 0.75rem + 2.5vw, 2rem);
  font-weight: 700;
}

.pro-mobility-campus-card-content {
  line-height: 2;
  text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
}

.pro-mobility-campus-card-footer {
  margin-top: 2em;
}

/* z-index management */
#mobility-solutions {
  z-index: 2;
}

#sustainable-solutions {
  z-index: 3;
}

#industry-leaders {
  z-index: 4;
}

#campus {
  position: relative;
  z-index: 5;
}

#campus-card {
  z-index: 6;
}

#mobility-resources {
  z-index: 7;
}

#schedule {
  z-index: 8;
}
#schedule .pro-mobility-section-title {
  color: #DD3227;
}

/*** new mobility template :: basic parts ***/
.page-template-page-pro-mobility-new .pro-site-footer {
  position: relative;
  z-index: 100;
}

.pro-mob-section {
  position: sticky;
  top: 0;
  width: 100%;
  min-height: 100vh;
  padding: 6rem 0;
  background-color: #FFFFFF;
  box-shadow: 0 -5px 20px 10px rgba(0, 0, 0, 0.1);
}
.pro-mob-section:nth-child(1) {
  box-shadow: none;
}

.pro-mob-section-centered {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pro-mob-section-container {
  width: 90%;
  max-width: 1280px;
  margin: 0 auto;
}

.pro-mob-section-header {
  margin-bottom: 4rem;
  text-align: center;
}

.pro-mob-section-header-fade-in {
  opacity: 0;
  transition: opacity 0.25s linear;
}
.pro-mob-section-active .pro-mob-section-header-fade-in {
  opacity: 1;
}

.pro-mob-section-title {
  max-width: 950px;
  margin: 0 auto;
  font-size: clamp(2rem, 0.7867647059rem + 4.0441176471vw, 3.375rem);
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}
.pro-mob-section-title em {
  font-weight: 300;
}

.pro-mob-section-title-medium {
  font-size: clamp(2rem, 1.1176470588rem + 2.9411764706vw, 3rem);
}

.pro-mob-section-title-small {
  font-size: clamp(1.5rem, 0.8382352941rem + 2.2058823529vw, 2.25rem);
}

.pro-mob-section-cta {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1rem 2rem;
  margin-top: 4rem;
  opacity: 0;
  transition: opacity 0.25s linear;
  transition-delay: 0.5s;
}
.pro-mob-section-active .pro-mob-section-cta {
  opacity: 1;
}

.pro-mob-section-cta-text {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
}

/*** new mobility template :: campus ***/
.pro-mob-section-campus {
  position: relative;
}

.pro-mob-campus-wrapper {
  position: relative;
}

.pro-mob-campus-imagemap {
  position: relative;
  opacity: 0;
  transition: opacity 0.25s linear;
  transition-delay: 0.25s;
}
.pro-mob-section-active .pro-mob-campus-imagemap {
  opacity: 1;
}

.pro-mob-campus-imagemap-background {
  display: block;
  width: 100%;
}
@media only screen and (min-width: 800px) {
  .pro-mob-campus-imagemap-background {
    filter: brightness(1);
    transition: filter 0.25s ease-in-out;
  }
  .pro-mob-campus-imagemap-background.pro-mob-campus-imagemap-background-dimmed {
    filter: brightness(0.5);
  }
}

.pro-mob-campus-imagemap-item {
  display: none;
}
@media only screen and (min-width: 800px) {
  .pro-mob-campus-imagemap-item {
    --brightness: 1;
    --shadowColor: 255, 255, 255;
    --shadowPulseLow: 10px;
    --shadowPulseHigh: 15px;
    --shadowOpacityLow: 0.5;
    --shadowOpacityHigh: 0.75;
    display: block;
    position: absolute;
    z-index: 2;
    display: block;
    transition: filter 0.25s ease-in-out;
    -webkit-animation: pulsingShadow 1.5s linear infinite;
            animation: pulsingShadow 1.5s linear infinite;
  }
  .pro-mob-campus-imagemap-item img {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
  }
  .pro-mob-campus-imagemap-item.pro-mob-campus-imagemap-item-active {
    --brightness: 1;
    --shadowPulseLow: 10px;
    --shadowPulseHigh: 15px;
    --shadowOpacityLow: 0;
    --shadowOpacityHigh: 0;
  }
  .pro-mob-campus-imagemap-item.pro-mob-campus-imagemap-item-dimmed {
    --brightness: 0.5;
    --shadowPulseLow: 10px;
    --shadowPulseHigh: 10px;
    --shadowOpacityLow: 0.5;
    --shadowOpacityHigh: 0.5;
  }
}

@-webkit-keyframes pulsingShadow {
  0% {
    filter: brightness(var(--brightness)) drop-shadow(0 0 var(--shadowPulseLow) rgba(var(--shadowColor), var(--shadowOpacityLow)));
  }
  50% {
    filter: brightness(var(--brightness)) drop-shadow(0 0 var(--shadowPulseHigh) rgba(var(--shadowColor), var(--shadowOpacityHigh)));
  }
  100% {
    filter: brightness(var(--brightness)) drop-shadow(0 0 var(--shadowPulseLow) rgba(var(--shadowColor), var(--shadowOpacityLow)));
  }
}

@keyframes pulsingShadow {
  0% {
    filter: brightness(var(--brightness)) drop-shadow(0 0 var(--shadowPulseLow) rgba(var(--shadowColor), var(--shadowOpacityLow)));
  }
  50% {
    filter: brightness(var(--brightness)) drop-shadow(0 0 var(--shadowPulseHigh) rgba(var(--shadowColor), var(--shadowOpacityHigh)));
  }
  100% {
    filter: brightness(var(--brightness)) drop-shadow(0 0 var(--shadowPulseLow) rgba(var(--shadowColor), var(--shadowOpacityLow)));
  }
}
@media only screen and (min-width: 800px) {
  .pro-mob-campus-imagemap-bikes {
    top: 56.7592592593%;
    left: 39.6354166667%;
    width: 13.5416666667%;
    height: 7.1296296296%;
  }
  .pro-mob-campus-imagemap-bikes img {
    -webkit-clip-path: polygon(1% 26%, 12% 20%, 12% 20%, 14% 14%, 14% 14%, 14% 6%, 14% 6%, 19% 0%, 19% 0%, 57% 35%, 57% 35%, 57% 0%, 57% 0%, 62% 3%, 62% 3%, 62% 40%, 62% 40%, 80% 56%, 80% 56%, 80% 42%, 80% 42%, 79% 39%, 79% 39%, 81% 28%, 81% 28%, 82% 21%, 82% 21%, 84% 31%, 84% 31%, 85% 51%, 85% 51%, 84% 59%, 84% 59%, 100% 74%, 100% 74%, 65% 99%, 65% 99%);
            clip-path: polygon(1% 26%, 12% 20%, 12% 20%, 14% 14%, 14% 14%, 14% 6%, 14% 6%, 19% 0%, 19% 0%, 57% 35%, 57% 35%, 57% 0%, 57% 0%, 62% 3%, 62% 3%, 62% 40%, 62% 40%, 80% 56%, 80% 56%, 80% 42%, 80% 42%, 79% 39%, 79% 39%, 81% 28%, 81% 28%, 82% 21%, 82% 21%, 84% 31%, 84% 31%, 85% 51%, 85% 51%, 84% 59%, 84% 59%, 100% 74%, 100% 74%, 65% 99%, 65% 99%);
  }
}

@media only screen and (min-width: 800px) {
  .pro-mob-campus-imagemap-ev-charging {
    top: 62.7777777778%;
    right: 5.5729166667%;
    width: 25.2083333333%;
    height: 16.2037037037%;
  }
  .pro-mob-campus-imagemap-ev-charging img {
    -webkit-clip-path: polygon(0% 33%, 3% 28%, 4% 21%, 7% 11%, 9% 5%, 13% 0%, 21% 3%, 23% 7%, 25% 16%, 25% 20%, 26% 19%, 29% 15%, 34% 10%, 41% 13%, 43% 23%, 44% 35%, 61% 45%, 63% 37%, 65% 37%, 67% 39%, 67% 46%, 67% 47%, 73% 51%, 76% 40%, 78% 33%, 91% 38%, 93% 42%, 95% 48%, 95% 57%, 95% 63%, 100% 67%, 96% 99%, 87% 93%, 90% 93%, 84% 81%, 74% 71%, 68% 71%, 67% 77%, 65% 83%, 63% 83%, 60% 81%, 61% 75%, 58% 73%, 57% 65%, 53% 61%, 38% 52%, 35% 59%, 18% 47%, 17% 51%, 14% 48%, 14% 44%, 0% 33%);
            clip-path: polygon(0% 33%, 3% 28%, 4% 21%, 7% 11%, 9% 5%, 13% 0%, 21% 3%, 23% 7%, 25% 16%, 25% 20%, 26% 19%, 29% 15%, 34% 10%, 41% 13%, 43% 23%, 44% 35%, 61% 45%, 63% 37%, 65% 37%, 67% 39%, 67% 46%, 67% 47%, 73% 51%, 76% 40%, 78% 33%, 91% 38%, 93% 42%, 95% 48%, 95% 57%, 95% 63%, 100% 67%, 96% 99%, 87% 93%, 90% 93%, 84% 81%, 74% 71%, 68% 71%, 67% 77%, 65% 83%, 63% 83%, 60% 81%, 61% 75%, 58% 73%, 57% 65%, 53% 61%, 38% 52%, 35% 59%, 18% 47%, 17% 51%, 14% 48%, 14% 44%, 0% 33%);
  }
}

@media only screen and (min-width: 800px) {
  .pro-mob-campus-imagemap-parking-management {
    top: 68.8888888889%;
    right: 0;
    width: 36.3541666667%;
    height: 24.3518518519%;
  }
  .pro-mob-campus-imagemap-parking-management img {
    -webkit-clip-path: polygon(13% 0%, 38% 17%, 41% 10%, 42% 9%, 54% 19%, 56% 23%, 55% 29%, 60% 32%, 61% 28%, 60% 25%, 60% 24%, 62% 25%, 63% 22%, 68% 23%, 74% 29%, 76% 34%, 77% 35%, 78% 38%, 77% 44%, 86% 49%, 87% 43%, 85% 41%, 89% 39%, 91% 38%, 100% 43%, 100% 100%, 0% 14%);
            clip-path: polygon(13% 0%, 38% 17%, 41% 10%, 42% 9%, 54% 19%, 56% 23%, 55% 29%, 60% 32%, 61% 28%, 60% 25%, 60% 24%, 62% 25%, 63% 22%, 68% 23%, 74% 29%, 76% 34%, 77% 35%, 78% 38%, 77% 44%, 86% 49%, 87% 43%, 85% 41%, 89% 39%, 91% 38%, 100% 43%, 100% 100%, 0% 14%);
  }
}

@media only screen and (min-width: 800px) {
  .pro-mob-campus-imagemap-scooters {
    top: 62.962962963%;
    left: 10.46875%;
    width: 13.2291666667%;
    height: 14.537037037%;
  }
  .pro-mob-campus-imagemap-scooters img {
    -webkit-clip-path: polygon(0% 100%, 11% 31%, 11% 14%, 78% 0%, 100% 68%);
            clip-path: polygon(0% 100%, 11% 31%, 11% 14%, 78% 0%, 100% 68%);
  }
}

@media only screen and (min-width: 800px) {
  .pro-mob-campus-imagemap-shuttles {
    top: 63.7037037037%;
    left: 34.7916666667%;
    width: 17.4479166667%;
    height: 28.8888888889%;
  }
  .pro-mob-campus-imagemap-shuttles img {
    -webkit-clip-path: polygon(0% 6%, 31% 0%, 82% 22%, 86% 26%, 88% 30%, 88% 37%, 81% 39%, 82% 44%, 90% 43%, 93% 42%, 93% 53%, 90% 54%, 89% 56%, 99% 67%, 100% 69%, 100% 81%, 94% 86%, 76% 95%, 74% 95%, 72% 99%, 69% 100%, 63% 97%, 61% 92%, 61% 88%, 59% 89%, 53% 85%, 50% 87%, 40% 78%, 40% 76%, 26% 64%, 25% 67%, 23% 67%, 20% 64%, 19% 57%, 0% 40%);
            clip-path: polygon(0% 6%, 31% 0%, 82% 22%, 86% 26%, 88% 30%, 88% 37%, 81% 39%, 82% 44%, 90% 43%, 93% 42%, 93% 53%, 90% 54%, 89% 56%, 99% 67%, 100% 69%, 100% 81%, 94% 86%, 76% 95%, 74% 95%, 72% 99%, 69% 100%, 63% 97%, 61% 92%, 61% 88%, 59% 89%, 53% 85%, 50% 87%, 40% 78%, 40% 76%, 26% 64%, 25% 67%, 23% 67%, 20% 64%, 19% 57%, 0% 40%);
  }
}

@media only screen and (min-width: 800px) {
  .pro-mob-campus-imagemap-valet {
    top: 57.037037037%;
    left: 51.1979166667%;
    width: 6.25%;
    height: 6.4814814815%;
  }
  .pro-mob-campus-imagemap-valet img {
    -webkit-clip-path: polygon(1% 87%, 29% 76%, 41% 83%, 48% 83%, 49% 24%, 25% 14%, 50% 1%, 78% 18%, 51% 24%, 51% 44%, 56% 44%, 59% 35%, 62% 28%, 64% 35%, 67% 36%, 70% 45%, 69% 56%, 67% 64%, 68% 78%, 77% 72%, 80% 34%, 96% 33%, 99% 82%, 85% 87%, 83% 84%, 58% 95%, 44% 92%, 29% 100%);
            clip-path: polygon(1% 87%, 29% 76%, 41% 83%, 48% 83%, 49% 24%, 25% 14%, 50% 1%, 78% 18%, 51% 24%, 51% 44%, 56% 44%, 59% 35%, 62% 28%, 64% 35%, 67% 36%, 70% 45%, 69% 56%, 67% 64%, 68% 78%, 77% 72%, 80% 34%, 96% 33%, 99% 82%, 85% 87%, 83% 84%, 58% 95%, 44% 92%, 29% 100%);
  }
}

.pro-mob-campus-items-group {
  padding: 1rem 0;
}
@media only screen and (min-width: 400px) {
  .pro-mob-campus-items-group {
    padding: 1rem;
  }
}
@media only screen and (min-width: 800px) {
  .pro-mob-campus-items-group {
    padding: 0;
  }
}

.pro-mob-campus-item {
  border-bottom: 1px solid #bfbfbf;
}
@media only screen and (min-width: 800px) {
  .pro-mob-campus-item {
    position: absolute;
    top: 2rem;
    left: 2rem;
    z-index: 1;
    width: 50%;
    max-width: 480px;
    padding: 2rem;
    background-color: rgba(255, 255, 255, 0.95);
    border-bottom: none;
    border-radius: 3px;
    box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.25);
    opacity: 0;
    transition: opacity 0.25s ease-in-out;
  }
  .pro-mob-campus-item.pro-mob-campus-item-active {
    z-index: 4;
    opacity: 1;
  }
}

.pro-mob-campus-item-title {
  position: relative;
  padding: 1rem;
  font-weight: 700;
  cursor: pointer;
}
.pro-mob-campus-item-title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1rem;
  display: block;
  border-style: solid;
  height: 0;
  width: 0;
  border-color: #DD3227 transparent transparent;
  border-width: 0.75rem 0.5rem 0;
  transform: translateY(-50%) rotate(0deg);
  transform-origin: center center;
  transition: border-color 0.25s ease-in-out, transform 0.25s ease-in-out;
}
.pro-mob-campus-item-active .pro-mob-campus-item-title {
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.pro-mob-campus-item-active .pro-mob-campus-item-title::after {
  border-color: #393839 transparent transparent;
  transform: translateY(-50%) rotate(180deg);
}
@media only screen and (min-width: 800px) {
  .pro-mob-campus-item-title {
    position: static;
    padding: 0;
    font-size: 24px;
    font-size: 1.5rem;
    cursor: default;
  }
  .pro-mob-campus-item-title::after {
    content: none;
  }
  .pro-mob-campus-item-active .pro-mob-campus-item-title {
    box-shadow: none;
  }
}

.pro-mob-campus-item-text {
  max-height: 0;
  background-color: #FFFFFF;
  overflow: hidden;
  transition: max-height 0.25s ease-in-out, background-color 0.25s ease-in-out;
}
.pro-mob-campus-item-text > * {
  margin-bottom: 0;
  padding: 0 1rem;
  opacity: 0;
  transition: opacity 0.25s ease-in-out 0.125s;
}
.pro-mob-campus-item-text > *:first-child {
  padding-top: 1rem;
}
.pro-mob-campus-item-text > *:last-child {
  padding-bottom: 1rem;
}
.pro-mob-campus-item-text > * + * {
  margin-top: 1rem;
}
.pro-mob-campus-item-active .pro-mob-campus-item-text {
  max-height: 500px;
  background-color: #ECECEC;
}
.pro-mob-campus-item-active .pro-mob-campus-item-text > * {
  opacity: 1;
}
@media only screen and (min-width: 800px) {
  .pro-mob-campus-item-text {
    max-height: none;
    margin-top: 1rem;
    background-color: transparent;
    transition: none;
  }
  .pro-mob-campus-item-text > * {
    padding: 0;
    opacity: 1;
    transition: none;
  }
  .pro-mob-campus-item-text > *:first-child, .pro-mob-campus-item-text > *:last-child {
    padding: 0;
  }
  .pro-mob-campus-item-active .pro-mob-campus-item-text {
    max-height: none;
    background-color: transparent;
  }
}

/*** new mobility template :: cards ***/
.pro-mob-section-cards .pro-mob-section-container {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .pro-mob-section-cards .pro-mob-section-container {
    width: 90%;
  }
}
.pro-mob-section-cards .pro-mob-section-header {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 1024px) {
  .pro-mob-section-cards .pro-mob-section-header {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

.pro-mob-cards-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 1rem;
  margin-top: -2rem;
  padding: 2rem 5%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.pro-mob-cards-grid > * {
  flex: 0 0 16em;
}
.pro-mob-cards-grid::-webkit-scrollbar {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .pro-mob-cards-grid {
    margin-top: 0;
    padding: 0;
    overflow-x: visible;
  }
  .pro-mob-cards-grid > * {
    flex: 1;
  }
}

.pro-mob-card {
  display: block;
  background-image: linear-gradient(to bottom, #FFFFFF 75%, #DADADA 100%);
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  overflow: hidden;
  transform: translate3d(2rem, 0, 0);
  opacity: 0;
  transition: transform 0.25s linear, opacity 0.25s linear;
}
.pro-mob-card:link, .pro-mob-card:visited {
  color: #393839;
  text-decoration: none;
}
.pro-mob-section-active .pro-mob-card {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
@media only screen and (min-width: 1024px) {
  .pro-mob-card {
    transform: translate3d(0, 2rem, 0);
  }
}

a.pro-mob-card:hover, a.pro-mob-card:active {
  box-shadow: rgba(60, 64, 67, 0.3) 0px 2px 3px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

.pro-mob-card-image img {
  display: block;
  width: 100%;
}

.pro-mob-card-content {
  padding: 1rem;
  text-align: center;
}

.pro-mob-card-label {
  font-style: italic;
}

.pro-mob-card-title {
  font-weight: 700;
}

/*** new mobility template :: floating card ***/
.pro-mob-section-floating-card {
  background-image: linear-gradient(to bottom, #6B6B6B, #FFFFFF);
}

.pro-mob-floating-card {
  max-width: 1060px;
  border-radius: 10px;
  box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
  overflow: hidden;
}
@media only screen and (min-width: 800px) {
  .pro-mob-floating-card {
    display: grid;
    grid-template-columns: 1fr 4.75rem 1.67fr;
    align-items: start;
    border-radius: none;
    box-shadow: none;
    overflow: visible;
  }
}

.pro-mob-floating-card-image img {
  display: block;
  width: 100%;
}
@media only screen and (min-width: 800px) {
  .pro-mob-floating-card-image {
    z-index: 1;
    grid-column: 1/3;
    grid-row: 1;
    border-radius: 10px;
    box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
    overflow: hidden;
    transform: translate3d(0, 4rem, 0);
    opacity: 0;
    transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
  }
  .pro-mob-section-active .pro-mob-floating-card-image {
    transform: translate3d(0, 2rem, 0);
    opacity: 1;
  }
}

.pro-mob-floating-card-text {
  padding: 2rem;
  background-color: rgba(255, 255, 255, 0.92);
}
@media only screen and (min-width: 800px) {
  .pro-mob-floating-card-text {
    z-index: 2;
    grid-column: 2/4;
    grid-row: 1;
    padding: 8%;
    border-radius: 10px;
    box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
    transform: translate3d(0, -4rem, 0);
    transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
    opacity: 0;
  }
  .pro-mob-section-active .pro-mob-floating-card-text {
    transform: translate3d(0, -2rem, 0);
    opacity: 1;
  }
}

.pro-mob-floating-card-title {
  font-size: clamp(1.5rem, 0.75rem + 2.5vw, 2rem);
  line-height: 1.3;
  font-weight: 700;
}
@media only screen and (min-width: 800px) {
  .pro-mob-floating-card-title {
    font-size: clamp(1.5rem, 0.6666666667rem + 1.6666666667vw, 2rem);
  }
}

.pro-mob-floating-card-content {
  margin-top: 1rem;
}
.pro-mob-floating-card-content p {
  line-height: 1.75;
}
.pro-mob-floating-card-content *:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 800px) {
  .pro-mob-floating-card-content p {
    line-height: 2;
  }
}

/*** new mobility template :: form ***/
.pro-mob-section-form .pro-mob-section-title {
  color: #DD3227;
}
.pro-mob-section-form .pro-mob-section-content {
  max-width: 840px;
  margin: 0 auto;
  opacity: 0;
  transition: opacity 0.25s linear;
  transition-delay: 0.25s;
}
.pro-mob-section-form.pro-mob-section-active .pro-mob-section-content {
  opacity: 1;
}

/*** new mobility template :: hero ***/
.pro-mob-section-hero {
  position: relative;
  overflow: hidden;
}
.pro-mob-section-hero .pro-mob-section-container {
  position: relative;
  z-index: 2;
  color: #FFFFFF;
  text-align: center;
}

.pro-mob-hero-video {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) scale(0.9);
  opacity: 0;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
  transition: transform 0.25s linear 0.125s, opacity 0.25s linear;
}
.pro-mob-section-active .pro-mob-hero-video {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

.pro-mob-hero-headline,
.pro-mob-hero-text {
  opacity: 0;
  transition: opacity 0.25s linear;
}
.pro-mob-section-active .pro-mob-hero-headline,
.pro-mob-section-active .pro-mob-hero-text {
  opacity: 1;
}

.pro-mob-hero-headline {
  font-size: clamp(3.375rem, 1.8rem + 5.25vw, 6rem);
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
  transition-delay: 0.5s;
}

.pro-mob-hero-text {
  margin-bottom: 1rem;
  font-size: clamp(1.5rem, 0.8382352941rem + 2.2058823529vw, 2.25rem);
  line-height: 1.2;
  font-weight: 700;
  text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
  transition-delay: 0.25s;
}

/*** new mobility template :: logos ***/
.pro-mob-gallery {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
@media only screen and (min-width: 640px) {
  .pro-mob-gallery {
    flex-direction: row;
    gap: 2rem 4rem;
  }
}

.pro-mob-gallery-item {
  transform: translate3d(0, 2rem, 0);
  opacity: 0;
  transition: transform 0.25s linear, opacity 0.25s linear;
}
.pro-mob-gallery-item img {
  display: block;
  max-width: 200px;
  max-height: 120px;
}
.pro-mob-section-active .pro-mob-gallery-item {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
/*** new mobility template :: ticker ***/
.pro-mob-section-ticker {
  background-color: #393839;
}

.pro-mob-ticker-images {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.pro-mob-ticker-image {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 25%;
  opacity: 0;
  transition: transform 0.25s linear, opacity 0.25s linear;
}
.pro-mob-ticker-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.pro-mob-ticker-image:nth-child(1) {
  top: 0;
  left: 0;
}
.pro-mob-ticker-image:nth-child(2) {
  top: 25%;
  left: 0;
}
.pro-mob-ticker-image:nth-child(3) {
  top: 50%;
  left: 0;
}
.pro-mob-ticker-image:nth-child(4) {
  top: 75%;
  left: 0;
}
.pro-mob-ticker-image:nth-child(1), .pro-mob-ticker-image:nth-child(3) {
  transform: translate3d(-100%, 0, 0);
}
.pro-mob-ticker-image:nth-child(2), .pro-mob-ticker-image:nth-child(4) {
  transform: translate3d(100%, 0, 0);
}
.pro-mob-section-active .pro-mob-ticker-image {
  transform: translate3d(0, 0, 0);
  opacity: 0.35;
}
@media only screen and (min-width: 800px) {
  .pro-mob-ticker-image {
    width: 25%;
    height: 100%;
  }
  .pro-mob-ticker-image:nth-child(1) {
    top: 0;
    left: 0;
    transform: translate3d(-8rem, 0, 0);
    transition-delay: 0.125s;
  }
  .pro-mob-ticker-image:nth-child(2) {
    top: 0;
    left: 25%;
    transform: translate3d(-8rem, 0, 0);
  }
  .pro-mob-ticker-image:nth-child(3) {
    top: 0;
    left: 50%;
    transform: translate3d(8rem, 0, 0);
  }
  .pro-mob-ticker-image:nth-child(4) {
    top: 0;
    left: 75%;
    transform: translate3d(8rem, 0, 0);
    transition-delay: 0.125s;
  }
  .pro-mob-section-active .pro-mob-ticker-image {
    transform: translate3d(0, 0, 0);
    opacity: 0.35;
  }
}

.pro-mob-ticker-content {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  width: 90%;
  max-width: 1280px;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.25s linear 0.375s;
}
.pro-mob-section-active .pro-mob-ticker-content {
  opacity: 1;
}

.pro-mob-ticker-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
}
@media only screen and (min-width: 800px) {
  .pro-mob-ticker-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 4rem;
    align-items: center;
  }
}

.pro-mob-ticker-headline {
  font-size: clamp(1.75rem, -1.625rem + 11.25vw, 4rem);
  line-height: 1.1;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
@media only screen and (min-width: 800px) {
  .pro-mob-ticker-headline {
    font-size: clamp(4rem, 1.5rem + 5vw, 6rem);
    text-align: left;
  }
}

.pro-mob-ticker-marquee-option {
  font-size: clamp(1.75rem, -1.625rem + 11.25vw, 4rem);
  line-height: 1.1;
  font-weight: 700;
  color: #FFFFFF;
  text-transform: uppercase;
  text-align: center;
}
.pro-mob-ticker-marquee-option span {
  display: block;
  white-space: nowrap;
}
@media only screen and (min-width: 800px) {
  .pro-mob-ticker-marquee-option {
    font-size: clamp(4rem, 1.5rem + 5vw, 6rem);
    text-align: left;
  }
}

.pro-mob-ticker-cta {
  margin-top: 2rem;
  text-align: center;
}
@media only screen and (min-width: 800px) {
  .pro-mob-ticker-cta {
    text-align: left;
  }
}

/*** alto fairfield garage custom styles ***/
.postid-26393 .products-nav .button {
  background-color: #183966;
  border-color: #122b4d;
}
.postid-26393 .products-nav .button:hover, .postid-26393 .products-nav .button:active {
  background-color: #122b4d;
  border-color: #122b4d;
}
.postid-26393 .facility-in-out-access {
  display: none;
}