/* @group Find your Way
------------------------------------ */
.find-your-way { position: relative; }
.find-your-way nav a,
.find-your-way nav button { color: rgba(25,45,88,1); font-size: 1.4em; font-weight: 700; letter-spacing: 0.3px; line-height: 1.643em; text-align: center; height: 5.3rem; cursor: pointer; text-transform: uppercase;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.find-your-way nav a i { font-size: 1.286em; vertical-align: middle; }
.find-your-way nav a span,
.find-your-way nav button span { display: inline-block; position: relative;
  -webkit-transition: -webkit-transform .3s linear;
  -moz-transition: transform .3s linear;
  transition: transform .3s linear;
}
.find-your-way nav .districts { background: rgba(25,45,88,1); color: rgba(255,255,255,1); }
.find-your-way nav .neighborhoods { background: rgba(241,201,119,1) }
.find-your-way nav .welcome-center { background: rgba(197,233,245,1); }
.find-your-way nav .parks-trails { background: rgba(27,159,11,1); color: rgba(255,255,255,1); }
.find-your-way nav .amenities { background: rgba(0,178,224,1); color: rgba(255,255,255,1); }
.find-your-way nav .download { background: rgba(244,190,168,1); line-height: 5.3rem; }

.find-your-way nav .districts.active { background: linear-gradient(90deg, rgba(35,65,112,1) 0%, rgba(26,46,87,1) 100%); }
.find-your-way nav .neighborhoods.active { background: linear-gradient(90deg, rgba(250,231,170,1) 0%, rgba(242,202,113,1) 100%); }
.find-your-way nav .welcome-center.active { background: linear-gradient(270deg, rgba(211,240,250,1) 0%, rgba(149,229,254,1) 100%); }
.find-your-way nav .parks-trails.active { background: linear-gradient(270deg, rgba(14,106,2,1) 0%, rgba(27,159,11,1) 100%); }
.find-your-way nav .amenities.active { background: linear-gradient(90deg, rgba(0,178,224,1) 0%, rgba(2,134,222,1) 100%); }
.find-your-way nav .download.active { background: linear-gradient(270deg, rgba(252,188,165,1) 0%, rgba(250,218,206,1) 100%); }
/* Map
----------------------*/
.find-your-way .mapContainer { height: 49.3rem; background: rgba(25,45,88,.4); }
/* Map - Distance
----------------------*/
.find-your-way .mapContainer .box { background: rgba(255,255,255,1); max-width: 44rem; padding: 4.4rem 4.9rem 3.9rem 9rem; }
.find-your-way .mapContainer .box .row { max-width: 27.3rem; margin: 0; }
.find-your-way .mapContainer h2 { color: rgba(23,44,89,1); font-size: 3.6em; font-weight: 800; letter-spacing: 0.77px; line-height: .750em; margin: 0 0 .5rem; }
.find-your-way .mapContainer p { color: rgba(0,99,165,1); font-size: 1.4em; letter-spacing: 0.3px; line-height: 1.643em; margin: 0 0 2rem; }
.find-your-way .mapContainer fieldset { margin: 0 0 3.5rem; position: relative; }
.find-your-way .mapContainer input[type="text"] { background: rgba(237,248,251,1); color: rgba(26,46,87,1); height: 5rem; max-width: 27.3rem; margin: 0; padding: 0 .5rem 0  1.6rem; }
.find-your-way .mapContainer i { -webkit-text-fill-color: transparent; background: linear-gradient(180deg, rgba(0,156,209,1) 0%, rgba(0,99,165,1) 100%); font-size: 3.4em; -webkit-background-clip: text; position: absolute; left: -5.3rem; top: .3rem; }
.find-your-way .mapContainer output { color: rgba(0,178,224,1); font-size: 3.6em; font-weight: 300; letter-spacing: 0.77px; line-height: .750em; }
.find-your-way .mapContainer .reset { color: rgba(0,178,224,1); font-size: 2.7em; margin-right: 2.5rem; }
.find-your-way .mapContainer .bttn { color: rgba(255,255,255,1); font-size: 2.3em; line-height: 1.250em; font-weight: 600; height: 2.9rem; width: 2.9rem; transform: rotate(315deg); border-radius: 3px; background: linear-gradient(180deg, rgba(250,232,156,1) 0%, rgba(244,204,98,1) 100%); padding: 0; text-indent: .2rem; margin-left: auto; }
.find-your-way .mapContainer .bttn::before { transform: rotate(-315deg); display: block; }
.find-your-way .mapContainer .bttn + span { display: block; color: rgba(23,44,89,1); font: 600 1.4em / 1.643em proxima-nova, Arial, helvetica sans-serif; letter-spacing: 0.3px; text-align: center; position: absolute; right: -4rem; right: -1.5rem; top: 3.8rem; }

.find-your-way .mapContainer article .box::before { content: ''; height: 4.7em; width: .2em; border-radius: 1px; background: linear-gradient(180deg, rgba(244,204,98,0.02) 0%, rgba(244,204,98,1) 100%); position: absolute; left: 5.5em; top: 15.8em; }

.find-your-way .mapContainer .bubble_container .bubble { overflow: visible!important; background: rgba(255,255,255,1)!important; border: none!important; padding: 0!important; width: 16.8rem!important; height: auto!important; text-align: left!important; border-radius: 0!important; box-shadow: 0 2px 10px 0 rgba(0,0,0,0.16)!important; }
.find-your-way .mapContainer .bubble_container .arrow div { display: none!important; }
.find-your-way .mapContainer .bubble_container .box { padding: 1.3rem 2.5rem 1.1rem 1.2rem; }
.find-your-way .mapContainer .bubble_container h4 { color: rgba(26,46,87,1); font: 700 1.4rem / 1.218em proxima-nova, Arial, helvetica sans-serif; margin: 0 0 1rem; }
.find-your-way .mapContainer .bubble_container p { color: rgba(0,100,163,1); font: 600 1rem / 1.2em proxima-nova, Arial, helvetica sans-serif; letter-spacing: 0.9px; }
.find-your-way .mapContainer .bubble_container p a { color: rgba(0,100,163,1); }

.find-your-way ::-webkit-input-placeholder { color: rgba(26,46,87,1); }
.find-your-way ::-moz-placeholder { color: rgba(26,46,87,1); }
.find-your-way :-ms-input-placeholder { color: rgba(26,46,87,1); }
.find-your-way :-moz-placeholder { color: rgba(26,46,87,1); }
@media only screen
and (min-width : 961px) {
  .find-your-way nav a span::after,
  .find-your-way nav button span::after {
    content: '';
    position: absolute;
    left: 51%;
    right: 51%;
    bottom: 0;
    background: rgba(25,45,88,1);
    height: .2rem;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  .find-your-way nav a span::after { bottom: 1.7rem; }
  .find-your-way nav .parks-trails span::after,
  .find-your-way nav .amenities span::after,
  .find-your-way nav .districts span::after { background: rgba(255,255,255,1); }
  .find-your-way nav button i { display: none; }
  /* .Mozilla.v11 .find-your-way nav a:hover span,
  .Explorer .find-your-way nav a:hover span,
  .Mozilla.v11 .find-your-way nav button:hover span,
  .Explorer .find-your-way nav button:hover span { -webkit-transform: translateX(8px); transform: translateX(8px); } */
  .Mozilla.v11 .find-your-way .mapContainer .bttn:hover,
  .Explorer .find-your-way .mapContainer .bttn:hover {  -webkit-transform: scale(1.025) rotate(315deg); transform: scale(1.025) rotate(315deg); }
  .Mozilla.v11 .find-your-way .mapContainer .bttn:hover + span,
  .Explorer .find-your-way .mapContainer .bttn:hover + span { color: rgba(0,100,163,1); }
  .Mozilla.v11 .find-your-way nav a:hover span::after,
  .Explorer .find-your-way nav a:hover span::after,
  .Mozilla.v11 .find-your-way nav button:hover span::after,
  .Explorer .find-your-way nav button:hover span::after { left: 0; right: 0; }
  .find-your-way nav .active span::after { left: 0; right: 0; }
  @media (hover: hover) {
    /* .find-your-way nav a:hover span,
    .find-your-way nav button:hover span { -webkit-transform: translateX(8px); transform: translateX(8px); } */
    .find-your-way .mapContainer .bttn:hover {  -webkit-transform: scale(1.025) rotate(315deg); transform: scale(1.025) rotate(315deg); }
    .find-your-way .mapContainer .bttn:hover + span { color: rgba(0,100,163,1); }
    .find-your-way nav a:hover span::after,
    .find-your-way nav button:hover span::after { left: 0; right: 0; }
  }

}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
  .find-your-way { margin: 0 0 46rem; }
  .find-your-way nav a,
  .find-your-way nav button { font-size: 2.8em; font-weight: bold; letter-spacing: 0.6px; line-height: 1em; height: 8rem; min-width: 100%; }
  .find-your-way nav > button { opacity: 0; z-index: 3; }
  .find-your-way nav button i { font-size: .679em; margin-left: .5rem; display: none; }
  .find-your-way nav .active i { display: inline-block; }
  .find-your-way nav .download { line-height: 8rem; }
  .find-your-way nav div.row { position: absolute; z-index: 2; max-height: 8rem; overflow: hidden; top: 0; }
  .find-your-way nav .active + div.row { max-height: 9999vh; }
  .find-your-way nav .active { pointer-events: none; order: -1; }
  /* Map
  ----------------------*/
  .find-your-way .mapContainer { height: 72.5rem; }
  /* .find-your-way .mapContainer { margin-top: 8rem; } */
  /* Map - Distance
  ----------------------*/
  .find-your-way .mapContainer .outerAbsolute { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .find-your-way .mapContainer .box { max-width: 55.5rem; padding: 5.6rem 4.2rem 6.6rem 4.7rem; box-shadow: 0 2px 13px 0 rgba(0,0,0,0.16); margin: 0 auto -42.7rem; position: relative; }
  .find-your-way .mapContainer .box .row { max-width: none; padding-right: 4.1rem; }
  .find-your-way .mapContainer h2 { font-size: 5em; letter-spacing: 1.07px; line-height: .750em; margin: 0 0 .7rem; }
  .find-your-way .mapContainer p { font-size: 2.2em; letter-spacing: 0.47px; line-height: 1.591em; margin: 0 0 4rem; }
  .find-your-way .mapContainer fieldset { margin: 0 0 4.4rem; }
  .find-your-way .mapContainer fieldset:last-child { margin: 6rem 0 0; }
  .find-your-way .mapContainer input[type="text"] { height: 8rem; max-width: 36.9rem; margin: 0 0 0 6.6rem; padding: 0 2.1rem; }
  .find-your-way .mapContainer i { font-size: 4.3em; left: 0; top: 2.1rem; }
  .find-your-way .mapContainer output { font-size: 5em; letter-spacing: 1.07px; }
  .find-your-way .mapContainer .reset { font-size: 4.4em; margin-right: 2.4rem; }
  .find-your-way .mapContainer .bttn { color: rgba(255,255,255,1); font-size: 3.8em; line-height: 1.210em; height: 4.8rem; width: 4.8rem; text-indent: .5rem; }

  .find-your-way .mapContainer article .box::before { height: 6.8em; width: .3em; left: 6.6em; top: 23.4em; }
  .find-your-way .mapContainer .bttn + span { font-size: 2em; top: 6rem; }
  /* Bubble Container
  ----------------------*/
  .find-your-way .mapContainer .bubble_container .bubble { width: 33.6rem!important; }
  .find-your-way .mapContainer .bubble_container .box { padding: 2.6rem 5rem 2.2rem 2.4rem; }
  .find-your-way .mapContainer .bubble_container h4 { font-size: 2.6rem; margin: 0 0 2rem; }
  .find-your-way .mapContainer .bubble_container p { font-size: 2rem; letter-spacing: 1.3px; }
}
/* @end */