/* @group Amenities
------------------------------------ */
.neighbhorhood-amenities {}
.neighbhorhood-amenities header h2 { color: rgba(26,46,87,1); font-size: 3.6em; font-weight: 800; margin: 0 0 2rem; }
.neighbhorhood-amenities header p { color: rgba(0,100,163,1); font-size: 1.6em; letter-spacing: 0.77px; line-height: 1.929em; }
/* Amenities
----------------------*/
.drag-slider { background: linear-gradient(to bottom, rgba(255,255,255,1) 33rem, rgba(237,248,251,1) calc(100% - 33rem)); }
.drag-slider .control { margin-bottom: 8rem; }
/* Amenities
----------------------*/
.amenities-text { background: rgba(237,248,251,1); padding: 0 0 2.4rem; }
.amenities-text h2 { color: rgba(26,46,87,1); font-size: 3.6em; font-weight: 800; letter-spacing: 0.77px; line-height: 1em; margin: 0 0 2.5rem; }
.amenities-text li { color: rgba(26,46,87,1); font-size: 1.6em; letter-spacing: 0.3px; line-height: 1.929em; }
.amenities-text ol li { list-style: decimal inside none; }
.amenities-text ul li { padding-left: .7em; text-indent: -.7em; }
.amenities-text ul li::before { content: '•'; padding-right: .7em; }
@media only screen
and (min-width : 961px) {
  .neighborhood-nav { margin: 0 0 5.7rem; }
  .neighbhorhood-amenities header p { max-width: 75rem; margin: 0 auto 5.8rem; }
  .neighbhorhood-amenities header h2,
  .neighbhorhood-amenities header p { opacity: 0; visibility: hidden; animation: textUp .5s 1 cubic-bezier(0.4,0.0,0.2,1) forwards; animation-delay: .6s; }
  .neighbhorhood-amenities header p { animation-delay: .8s; }
  /* Hold & Drag
  ----------------------*/
  .drag-slider aside,
  .drag-slider article { opacity: 0; visibility: hidden; }
  .drag-slider.animateActive aside,
  .drag-slider.animateActive article { animation: sectionUp .5s 1 cubic-bezier(0.4,0.0,0.2,1) forwards; }
  .drag-slider.animateActive article { animation-delay: .4s; }
  .drag-slider.animateActive article:nth-child(2) { animation-delay: .6s; }
  .drag-slider.animateActive article:nth-child(3) { animation-delay: .8s; }
  .drag-slider.animateActive article:nth-child(4) { animation-delay: 1s; }
  .drag-slider.animateActive article:nth-child(5) { animation-delay: 1.2s; }
  .drag-slider.animateActive article:nth-child(6) { animation-delay: 1.4s; }
  /* Amenities
  ----------------------*/
  .amenities-text ol,
  .amenities-text ul { -webkit-columns: 3; -moz-columns: 3; columns: 3; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; }
  .amenities-text h2,
  .amenities-text li { opacity: 0; visibility: hidden; }
  .amenities-text.animateActive h2,
  .amenities-text.animateActive li { animation: textUp .5s 1 cubic-bezier(0.4,0.0,0.2,1) forwards; }
  .amenities-text.animateActive li { animation-delay: .4s; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
  .neighbhorhood-amenities header h2 { font-size: 5em; letter-spacing: 0.2px; line-height: 1.040em; margin: 0 0 1.8rem; }
  .neighbhorhood-amenities header p { font-size: 2.6em; letter-spacing: 0.56px; line-height: 1.694em; margin: 0 0 17rem; }
  /* Amenities
  ----------------------*/
  .drag-slider { background: linear-gradient(to bottom, rgba(255,255,255,1) 44rem, rgba(237,248,251,1) calc(100% - 44rem)); }
  .drag-slider .control { margin-bottom: 9.4rem; }
  /* Amenities
  ----------------------*/
  .amenities-text { padding: 0 0 5rem; }
  .amenities-text article { padding: 0 7.5rem; }
  .amenities-text h2 { font-size: 5em; letter-spacing: 1.07px; line-height: 1.040em; margin: 0 0 2.5rem; }
  .amenities-text li { font-size: 2.6em; letter-spacing: 0.56px; line-height: 1.694em; }
}
/* @end */