/**************************************************
 * $File: //p4-wdpro/Projects/Sites/DVC-Site/main-3.1/web-app/src/public/media/dvc_site/css/dvc.pages.sass.scss $
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1636314 $
 * $Date: 2016/07/08 $
 **************************************************/
/**************************************************
 * $File: //p4-wdpro/Projects/Sites/DVC-Site/main-3.1/web-app/src/public/media/dvc_site/css/pages/membership/_membership-costs.scss $
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1636314 $
 * $Date: 2016/07/28 $
 **************************************************/
/**************************************************
 * Cost Quote Component - costs-quote.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #30 $
 * $Change: 1637228 $
 * $Date: 2016/06/30 $
 **************************************************/
.dvcGlobalCostQuote .text-heading {
  font-family: Avenir-light, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 100;
  line-height: 20px;
}

.dvcGlobalCostQuote .text-body strong {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
}

.dvcGlobalCostQuote .text-body strong > small {
  position: relative;
  top: -2px;
  font-family: Avenir, Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
  vertical-align: middle;
}

.dvcGlobalCostQuote .text-body strong > span {
  vertical-align: middle;
}

.dvcGlobalCostQuote .text-body strong > sup {
  top: -.35em;
  font-family: Avenir, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
}

.dvcGlobalCostQuote .text-footer,
.dvcGlobalCostQuote .text-footer small {
  font-family: Avenir-light, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 100;
  line-height: 15px;
}

.dvcGlobalCostQuote .text-footer > p,
.dvcGlobalCostQuote .text-footer > div {
  margin: 0;
}

.dvcGlobalCostQuote .text-footer > p + p,
.dvcGlobalCostQuote .text-footer > p + div,
.dvcGlobalCostQuote .text-footer > div + p,
.dvcGlobalCostQuote .text-footer > div + div {
  margin-top: 10px;
}

.dvui-bg-white #main_footer,
.dvui-bg-white #disclaimer-container .innerPageFooter {
  box-shadow: none;
}

.dvui-bg-white #disclaimer-container .innerPageFooter {
  padding-top: 0;
}

.dvui-bg-white #disclaimer-container .innerPageFooter .partialGlobalFooterContactInfoRule .horizontalSeparator:last-child {
  margin-top: 40px;
}

.dvui-bg-white #disclaimer-container .socialMediaAndNoticeContainer {
  border-radius: 0;
}

.dvui-snowball .partialLandingMarketingRule {
  max-width: 940px;
  margin: 0 auto;
}

/**************************************************
 * $File: //p4-wdpro/Projects/Sites/DVC-Site/main-3.1/web-app/src/public/media/dvc_site/css/pages/membership/_membership-costs.scss $
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1636314 $
 * $Date: 2016/07/28 $
 **************************************************/
#membershipCostsPage .section {
  padding: 20px 0;
  text-align: center;
}

#membershipCostsPage .section > .section-heading,
#membershipCostsPage .section > .section-body,
#membershipCostsPage .section > .section-footer {
  padding-left: 20px;
  padding-right: 20px;
}

#membershipCostsPage .section-title {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 25px;
  margin: 0 auto;
  max-width: 600px;
}

#membershipCostsPage .section > .section-heading {
  margin-bottom: 30px;
}

#membershipCostsPage .section > .section-heading p,
#membershipCostsPage .section > .section-heading .section-heading-text {
  margin: 20px auto 0;
  max-width: 600px;
}

#membershipCostsPage .section > .section-footer {
  font-family: Avenir-roman,Helvetica,Arial,sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding-top: 20px;
}

#membershipCostsPage .section > .section-footer p {
  margin: 0 auto;
  max-width: 600px;
}

#membershipCostsPage .section > .section-footer p + p {
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  #membershipCostsPage .dvcss-page-header {
    display: none;
  }
  #membershipCostsPage .dvcss-panel.panel-default {
    box-shadow: none;
    margin-left: -10px;
    margin-right: -10px;
  }
  #membershipCostsPage .section {
    text-align: left;
  }
  #membershipCostsPage .section-title {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    margin: 0 auto;
    max-width: none;
  }
  #membershipCostsPage .section > .section-heading {
    margin-bottom: 15px;
  }
  #membershipCostsPage .section > .section-heading p,
  #membershipCostsPage .section > .section-heading .section-heading-text {
    margin: 15px 0 0;
    max-width: none;
  }
  #membershipCostsPage .section > .section-footer {
    padding-top: 5px;
  }
  #membershipCostsPage .section > .section-footer p {
    margin: 0;
    max-width: none;
  }
  #membershipCostsPage .section > .section-footer p + p {
    margin-top: 20px;
  }
}

#membershipCostsPage .gallerySection {
  padding-top: 0;
  padding-bottom: 0;
}

#membershipCostsPage .gallerySection > .section-body > .panel {
  border: 0;
  margin-bottom: 0;
}

#membershipCostsPage .gallerySection > .section-body > .panel > .panel-body {
  padding: 0;
}

#membershipCostsPage .gallerySection > .section-body > .panel > .panel-body .subHeroMediaContent .subHeroImageWrapper img {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  max-height: 360px;
}

#membershipCostsPage .gallerySection > .section-body > .panel > .panel-body .subHeroMediaContent .subHeroImageWrapper img.lazy {
  margin-left: auto;
  margin-right: auto;
}

#membershipCostsPage .gallerySection > .section-body > .panel .panel-footer {
  background: #00739a;
  border-top: 0;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  color: #fff;
  padding: 12px 20px 13px;
  text-align: left;
}

#membershipCostsPage .gallerySection > .section-body > .panel .panel-footer > .media > .media-left {
  margin-right: 30px;
}

#membershipCostsPage .gallerySection > .section-body > .panel .panel-footer > .media > .media-left strong {
  display: block;
  font-family: Avenir, Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  margin-top: 10px;
}

#membershipCostsPage .gallerySection > .section-body > .panel .panel-footer > .media > .media-right .btn {
  background: #00739a;
  border-color: #fff;
  color: #fff;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  min-width: 150px;
}

#membershipCostsPage .gallerySection > .section-body > .panel .panel-footer > .media > .media-body {
  font-family: Avenir-light, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 100;
  line-height: 15px;
  padding-top: 7px;
  text-align: left;
}

#membershipCostsPage .gallerySection > .section-body > .panel .panel-footer > .media > .media-body p {
  margin-bottom: 0;
  max-width: 270px;
}

#membershipCostsPage .gallerySection > .section-footer {
  padding: 60px 20px 55px;
}

#membershipCostsPage .gallerySection > .section-footer p {
  font-family: Avenir-light, Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 100;
  line-height: 25px;
  margin: 0 auto;
  max-width: 600px;
}

@media screen and (max-width: 767px) {
  #membershipCostsPage .gallerySection .section-title {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 100;
    line-height: 30px;
    margin-top: 20px;
    margin-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    max-width: none;
  }
  #membershipCostsPage .gallerySection > .section-body {
    padding-left: 0;
    padding-right: 0;
  }
  #membershipCostsPage .gallerySection > .section-body > .panel {
    border-radius: 0;
  }
  #membershipCostsPage .gallerySection > .section-body > .panel > .panel-body .subHeroMediaContent {
    margin-bottom: 0;
  }
  #membershipCostsPage .gallerySection > .section-body > .panel > .panel-body .subHeroMediaContent .subHeroImageWrapper {
    display: block !important;
  }
  #membershipCostsPage .gallerySection > .section-body > .panel > .panel-body .subHeroMediaContent .subHeroImageWrapper img {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    max-height: none;
  }
  #membershipCostsPage .gallerySection > .section-body > .panel > .panel-body .subHeroMediaContent .mediaEngineLauncher {
    display: block !important;
  }
}

#membershipCostsPage .recommenderSection {
  background: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
  overflow: hidden;
}

#membershipCostsPage .recommenderSection.sticky {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

#membershipCostsPage .recommenderSection.sticky.is_stuck {
  left: auto !important;
  z-index: 200;
  border-bottom: 1px solid #253b56;
}

#membershipCostsPage .recommenderSection.sticky.is_stuck.sticky-bottomed {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

#membershipCostsPage .recommenderSection .section-title {
  max-width: none;
}

#membershipCostsPage .recommenderSection .section-title.is-stuck-shown {
  display: none;
}

#membershipCostsPage .recommenderSection .vacationPointsSwiper .swiper-slide .swiper-body {
  padding: 0 10px;
}

#membershipCostsPage .recommenderSection .vacationPointsSwiper .swiper-slide .swiper-body .btn {
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  padding-top: 8px;
  padding-bottom: 3px;
  width: 100%;
}

#membershipCostsPage .recommenderSection .vacationPointsSwiper .swiper-slide .swiper-body .btn:focus {
  outline: dotted thin;
  outline: -webkit-focus-ring-color auto 5px;
  outline-color: #00739a;
  outline-offset: -2px;
}

#membershipCostsPage .recommenderSection .vacationPointsSwiper .swiper-slide .swiper-body.active .btn {
  background: #253b56;
  border-color: #253b56;
  color: #fff;
}

@media (min-width: 768px) {
  #membershipCostsPage .recommenderSection .section-title.is-stuck-shown {
    display: none !important;
  }
  #membershipCostsPage .recommenderSection .vacationPointsSwiper {
    display: inline-block;
  }
  #membershipCostsPage .recommenderSection .vacationPointsSwiper .swiper-wrapper {
    width: auto !important;
  }
  #membershipCostsPage .recommenderSection .vacationPointsSwiper .swiper-slide {
    width: auto !important;
  }
  #membershipCostsPage .recommenderSection .vacationPointsSwiper .swiper-slide.swiper-slide-duplicate {
    display: none !important;
  }
  #membershipCostsPage .recommenderSection .vacationPointsSwiper .swiper-slide .swiper-body .btn {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    padding-top: 6px;
    padding-bottom: 5px;
    min-width: 95px;
    max-width: 125px;
    width: auto;
  }
}

@media screen and (max-width: 767px) {
  #membershipCostsPage .recommenderSection .section-title {
    max-width: none;
  }
  #membershipCostsPage .recommenderSection.is_stuck {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .row-offcanvas-left.active #membershipCostsPage .recommenderSection.sticky.is_stuck {
    left: 280px !important;
  }
  #membershipCostsPage .recommenderSection.is_stuck > .section-heading {
    margin-bottom: 5px;
  }
  #membershipCostsPage .recommenderSection.is_stuck .section-title {
    display: none;
  }
  #membershipCostsPage .recommenderSection.is_stuck .section-title.is-stuck-shown {
    display: block;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
  }
  #membershipCostsPage .recommenderSection > .section-body {
    margin-left: -5px;
    margin-right: -5px;
  }
  #membershipCostsPage .recommenderSection .vacationPointsSwiper {
    overflow: visible;
    padding-left: 20px;
  }
  #membershipCostsPage .recommenderSection .vacationPointsSwiper > .swiper-wrapper {
    display: block;
    margin-left: -20px;
    text-align: center;
    white-space: nowrap;
  }
  #membershipCostsPage .recommenderSection .vacationPointsSwiper .swiper-slide {
    display: inline-block;
    white-space: normal;
    width: auto !important;
    margin-right: -4px;
  }
  #membershipCostsPage .recommenderSection .vacationPointsSwiper .swiper-slide .swiper-body {
    padding: 0 5px;
  }
  #membershipCostsPage .recommenderSection .vacationPointsSwiper .swiper-slide .swiper-body .btn {
    padding: 8px 7px 7px;
    min-width: 95px;
    max-width: 125px;
    width: auto;
  }
}

#membershipCostsPage .travelSeasonCarouselSection {
  padding-top: 50px;
  padding-bottom: 50px;
  overflow: hidden;
}

#membershipCostsPage .travelSeasonCarouselSection .travelSeasonSwiper .swiper-slide {
  width: auto !important;
}

#membershipCostsPage .travelSeasonCarouselSection .travelSeasonSwiper .swiper-slide .swiper-body {
  font-family: Avenir-light, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 100;
  line-height: 15px;
  padding: 0 22.5px;
}

#membershipCostsPage .travelSeasonCarouselSection .travelSeasonSwiper .swiper-slide .swiper-body .btn {
  display: block;
  border-radius: 800em;
  font-size: 25px;
  line-height: 50px;
  text-align: center;
  padding: 0 4px 0;
  height: 50px;
  width: 50px;
}

#membershipCostsPage .travelSeasonCarouselSection .travelSeasonSwiper .swiper-slide .swiper-body .btn + p,
#membershipCostsPage .travelSeasonCarouselSection .travelSeasonSwiper .swiper-slide .swiper-body .btn + div {
  margin-top: 5px;
}

#membershipCostsPage .travelSeasonCarouselSection .travelSeasonSwiper .swiper-slide .swiper-body.active .btn {
  background: #253b56;
  border-color: #253b56;
  color: #fff;
}

#membershipCostsPage .travelSeasonCarouselSection .travelSeasonSwiper .swiper-slide .swiper-body .btn .peptasia {
  font-size: 25px;
  text-align: left;
  width: 31px;
}

#membershipCostsPage .travelSeasonCarouselSection .travelSeasonSwiper .swiper-slide .swiper-body .btn .peptasia-spring {
  top: 2px;
}

@media (min-width: 768px) {
  #membershipCostsPage .travelSeasonCarouselSection .travelSeasonSwiper {
    display: inline-block;
  }
  #membershipCostsPage .travelSeasonCarouselSection .travelSeasonSwiper .swiper-wrapper {
    width: auto !important;
  }
  #membershipCostsPage .travelSeasonCarouselSection .travelSeasonSwiper .swiper-slide.swiper-slide-duplicate {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  #membershipCostsPage .travelSeasonCarouselSection {
    padding-top: 35px;
    padding-bottom: 30px;
  }
  #membershipCostsPage .travelSeasonCarouselSection > .section-body {
    margin-left: -8px;
    margin-right: -8px;
  }
  #membershipCostsPage .travelSeasonCarouselSection .travelSeasonSwiper {
    overflow: visible;
  }
  #membershipCostsPage .travelSeasonCarouselSection .travelSeasonSwiper .swiper-wrapper {
    display: block;
    white-space: nowrap;
    text-align: center;
  }
  #membershipCostsPage .travelSeasonCarouselSection .travelSeasonSwiper .swiper-slide {
    display: inline-block;
    white-space: normal;
  }
  #membershipCostsPage .travelSeasonCarouselSection .travelSeasonSwiper .swiper-slide .swiper-body {
    padding: 0 8px;
  }
  #membershipCostsPage .travelSeasonCarouselSection .travelSeasonSwiper .swiper-slide:last-child .swiper-body {
    margin-right: 19px;
  }
  #membershipCostsPage .travelSeasonCarouselSection .travelSeasonSwiper .swiper-slide .swiper-body .btn + p,
  #membershipCostsPage .travelSeasonCarouselSection .travelSeasonSwiper .swiper-slide .swiper-body .btn + div {
    margin-top: 10px;
  }
}

#membershipCostsPage .accommodationSection .accomodationGraph {
  margin: 0 auto;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 100%;
  max-width: 600px;
}

#membershipCostsPage .accommodationSection .accomodationGraph .labelCell {
  font-family: Avenir-light, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 100;
  line-height: 20px;
  padding: 7px 30px 3px 0;
  text-align: right;
  vertical-align: top;
  width: 40%;
}

#membershipCostsPage .accommodationSection .accomodationGraph .labelCell .lead {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
}

#membershipCostsPage .accommodationSection .accomodationGraph .progressCell .progress {
  background: none;
  border-radius: 0;
  height: 50px;
  min-height: 50px;
  margin-bottom: 30px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#membershipCostsPage .accommodationSection .accomodationGraph .progressCell .progress-wrapper {
  height: 100%;
}

#membershipCostsPage .accommodationSection .accomodationGraph .progressCell .progress .progress-bar {
  border-radius: 3px;
  padding: 0;
}

#membershipCostsPage .accommodationSection .accomodationGraph .progressCell .progress .progress-bar .progress-bar-inner {
  padding: 7px 10px 3px;
}

#membershipCostsPage .accommodationSection .accomodationGraph .progressCell .progress .progress-bar .progress-text {
  margin-left: auto;
  width: 125px;
  text-align: right;
}

#membershipCostsPage .accommodationSection .accomodationGraph .progressCell .progress .progress-bar + .progress-text {
  padding: 7px 10px 3px;
  overflow: hidden;
  text-align: left;
}

@media screen and (max-width: 767px) {
  #membershipCostsPage .accommodationSection > .section-footer {
    margin-top: -1px;
    padding-top: 0;
  }
  #membershipCostsPage .accommodationSection .accomodationGraph {
    display: block;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
    max-width: none;
  }
  #membershipCostsPage .accommodationSection .accomodationGraph .dp-table-row,
  #membershipCostsPage .accommodationSection .accomodationGraph .dp-table-cell {
    display: block;
  }
  #membershipCostsPage .accommodationSection .accomodationGraph .labelCell {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    padding: 0;
    margin-bottom: 5px;
    text-align: left;
    width: auto;
  }
  #membershipCostsPage .accommodationSection .accomodationGraph .labelCell .lead {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
  }
  #membershipCostsPage .accommodationSection .accomodationGraph .labelCell > div {
    display: inline;
  }
  #membershipCostsPage .accommodationSection .accomodationGraph .progressCell .progress {
    margin-bottom: 25px;
    height: 40px;
    min-height: 40px;
  }
  #membershipCostsPage .accommodationSection .accomodationGraph .progressCell .progress .progress-bar .progress-bar-inner {
    padding: 5px;
  }
  #membershipCostsPage .accommodationSection .accomodationGraph .progressCell .progress .progress-text {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 100;
    line-height: 15px;
  }
  #membershipCostsPage .accommodationSection .accomodationGraph .progressCell .progress .progress-bar .progress-text {
    width: 125px;
  }
  #membershipCostsPage .accommodationSection .accomodationGraph .progressCell .progress .progress-bar + .progress-text {
    padding: 5px;
  }
}

#membershipCostsPage .sampleVacationSection {
  padding-top: 45px;
}

#membershipCostsPage .sampleVacationSection > .section-heading {
  margin-bottom: 25px;
}

#membershipCostsPage .sampleVacationSection > .section-body {
  overflow: hidden;
}

#membershipCostsPage .sampleVacationSection .sampleVacationSwiper .swiper-slide .swiper-body .thumbnail {
  border: 0;
  padding: 0;
  margin-bottom: 25px;
}

#membershipCostsPage .sampleVacationSection .sampleVacationSwiper .swiper-slide .swiper-body .thumbnail .img-wrapper {
  position: relative;
  overflow: hidden;
  padding-top: 56.47%;
  width: 100%;
}

#membershipCostsPage .sampleVacationSection .sampleVacationSwiper .swiper-slide .swiper-body .thumbnail .img-inner {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

#membershipCostsPage .sampleVacationSection .sampleVacationSwiper .swiper-slide .swiper-body .thumbnail img {
  width: 100%;
}

#membershipCostsPage .sampleVacationSection .sampleVacationSwiper .swiper-slide .swiper-body .thumbnail img.lazy {
  margin-left: auto;
  margin-right: auto;
  width: auto;
}

#membershipCostsPage .sampleVacationSection .sampleVacationSwiper .swiper-slide .swiper-body .thumbnail .caption {
  color: #253b56;
  margin-top: 15px;
  padding: 0;
}

#membershipCostsPage .sampleVacationSection .sampleVacationSwiper .swiper-slide .swiper-body .thumbnail .caption h3,
#membershipCostsPage .sampleVacationSection .sampleVacationSwiper .swiper-slide .swiper-body .thumbnail .caption .caption-title {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  margin-bottom: 0;
}

#membershipCostsPage .sampleVacationSection .sampleVacationSwiper .swiper-slide .swiper-body .thumbnail .caption .caption-title .peptasia {
  top: 0;
  font-size: 8px;
  line-height: 15px;
}

#membershipCostsPage .sampleVacationSection .sampleVacationSwiper .swiper-slide .swiper-body .thumbnail .caption h3 a,
#membershipCostsPage .sampleVacationSection .sampleVacationSwiper .swiper-slide .swiper-body .thumbnail .caption .caption-title a {
  color: #253b56;
  text-decoration: none;
}

#membershipCostsPage .sampleVacationSection .sampleVacationSwiper .swiper-slide .swiper-body .thumbnail .caption h3 a:focus,
#membershipCostsPage .sampleVacationSection .sampleVacationSwiper .swiper-slide .swiper-body .thumbnail .caption .caption-title a:focus {
  color: #00739a;
}

#membershipCostsPage .sampleVacationSection .sampleVacationSwiper .swiper-slide .swiper-body .thumbnail .caption p,
#membershipCostsPage .sampleVacationSection .sampleVacationSwiper .swiper-slide .swiper-body .thumbnail .caption .caption-text {
  font-family: Avenir-light, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 100;
  line-height: 15px;
  margin: 15px 0 0;
}

@media (min-width: 768px) {
  #membershipCostsPage .sampleVacationSection .sampleVacationSwiper .swiper-wrapper {
    display: block;
    text-align: left;
    -webkit-transform: translateZ(0) !important;
    transform: translateZ(0) !important;
  }
  #membershipCostsPage .sampleVacationSection .sampleVacationSwiper .swiper-slide {
    display: inline-block;
    margin-right: -4px;
    width: 25% !important;
    white-space: normal;
    vertical-align: top;
  }
  #membershipCostsPage .sampleVacationSection .sampleVacationSwiper .swiper-slide .swiper-body {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media screen and (max-width: 767px) {
  #membershipCostsPage .sampleVacationSection {
    padding-top: 30px;
  }
  #membershipCostsPage .sampleVacationSection > .section-heading {
    margin-bottom: 15px;
  }
  #membershipCostsPage .sampleVacationSection .sampleVacationSwiper {
    overflow: visible;
  }
  #membershipCostsPage .sampleVacationSection .sampleVacationSwiper .swiper-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
  #membershipCostsPage .sampleVacationSection .sampleVacationSwiper .swiper-slide {
    margin: 0;
    max-width: 190px;
  }
  #membershipCostsPage .sampleVacationSection .sampleVacationSwiper .swiper-slide .swiper-body {
    margin-left: 0;
    margin-right: 0;
  }
  #membershipCostsPage .sampleVacationSection .sampleVacationSwiper .swiper-slide .swiper-body .thumbnail .caption {
    margin-top: 10px;
  }
}

#membershipCostsPage .estimatedPricingSection {
  padding-top: 45px;
}

#membershipCostsPage .estimatedPricingSection > .section-body {
  overflow: hidden;
}

#membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-button-next,
#membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-button-prev {
  display: none;
  background: none;
  color: #d8d8d8;
  font-family: pepmdx2 !important;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  height: 36px;
  width: 45px;
  margin-top: -18px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-button-next:hover,
#membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-button-next:focus,
#membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-button-prev:hover,
#membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-button-prev:focus {
  color: #253b56;
}

#membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-button-next.swiper-button-disabled,
#membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-button-prev.swiper-button-disabled {
  color: #d8d8d8;
  cursor: auto;
  opacity: 1.0;
  pointer-events: none;
}

#membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper.swiper-container-multiple .swiper-button-next,
#membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper.swiper-container-multiple .swiper-button-prev {
  display: block;
}

#membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-button-next:before {
  content: "\e30c";
}

#membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-button-prev:before {
  content: "\e30d";
}

#membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-slide {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 4px;
  margin: 0 10px;
  padding: 0;
  height: auto;
  text-align: left;
}

#membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-slide .panel {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 1;
  flex: 1;
  height: 100%;
  margin: 0;
  text-align: left;
}

#membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-slide .panel-heading {
  background: none;
  border: 0;
  padding: 20px 10px 0;
}

#membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-slide .panel-heading p,
#membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-slide .panel-heading .panel-heading-text {
  font-family: Avenir-light, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 100;
  line-height: 15px;
  margin: 10px 0 0;
}

#membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-slide .panel-title {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  margin: 0;
}

#membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-slide .panel-heading > a {
  color: #253b56;
  text-decoration: none;
}

#membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-slide .panel-heading > a:hover,
#membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-slide .panel-heading > a:focus {
  text-decoration: none;
}

#membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-slide .panel-heading > a > .media-table > .media-right {
  vertical-align: middle;
}

#membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-slide .panel-heading > a > .media-table > .media-right .peptasia {
  color: #d8d8d8;
  font-size: 21px;
  left: 3px;
}

#membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-slide .panel-heading > a:hover > .media-table > .media-right .peptasia {
  color: #253b56;
  text-docoration: none;
}

#membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-slide .panel-inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-direction: column;
  flex-direction: column;
}

#membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-slide .panel-body {
  padding: 25px 10px 20px;
}

#membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-slide .panel-body > .media-table > .media-left {
  font-family: Avenir-light, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 100;
  line-height: 20px;
  padding-right: 15px;
}

#membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-slide .panel-body > .media-table > .media-left > span {
  display: block;
  min-width: 60px;
  width: 105px;
}

#membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-slide .panel-body > .media-table > .media-body .text-group + .text-group {
  margin-top: 20px;
}

#membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-slide .panel-body > .media-table > .media-body .text-group + .text-group:last-child {
  margin-top: 28px;
  border-top: 1px solid #ddd;
  padding-top: 25px;
}

#membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-slide .panel-footer {
  background: none;
  border-top: 0;
  padding: 0 10px 25px;
}

#membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-slide .panel-footer hr {
  background: #ddd;
  margin: 0;
  width: auto;
}

#membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-slide .panel-footer > .media-table {
  border-top: 1px solid #ddd;
  margin-top: 9px;
  padding-top: 24px;
}

#membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-slide .panel-footer > .media-table > .media-left {
  font-family: Avenir-light, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 100;
  line-height: 20px;
  padding-right: 15px;
}

#membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-slide .panel-footer > .media-table > .media-left > span {
  display: block;
  min-width: 60px;
  width: 105px;
}

#membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-slide .panel-footer > .media-table > .media-body {
  min-width: 125px;
}

@media (min-width: 768px) {
  #membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper.swiper-container-solo {
    max-width: 370px;
  }
  #membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper.swiper-container-solo .swiper-slide {
    width: 100% !important;
  }
  #membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper.swiper-container-duo {
    max-width: 940px;
  }
  #membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper.swiper-container-duo .swiper-slide {
    width: 100% !important;
  }
  #membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper.swiper-container-multiple {
    position: static;
    max-width: 740px;
  }
}

/* Tablet query */
@media screen and (min-width: 768px) and (max-width: 1199px) {
  #membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-slide .panel-body > .media-table > .media-left > span,
  #membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-slide .panel-footer > .media-table > .media-left > span {
    width: auto;
  }
  #membershipCostsPage .estimatedPricingSection .section-body {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media screen and (max-width: 767px) {
  #membershipCostsPage .estimatedPricingSection {
    padding-top: 30px;
  }
  #membershipCostsPage .estimatedPricingSection > .section-heading {
    margin-bottom: 30px;
  }
  #membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper {
    overflow: visible;
    margin-right: -20px;
  }
  #membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-wrapper {
    margin-left: -10px;
    margin-right: -10px;
  }
  #membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper.swiper-container-multiple .swiper-button-next,
  #membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper.swiper-container-multiple .swiper-button-prev {
    display: none;
  }
  #membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-slide {
    min-width: 260px;
    max-width: 350px;
    width: 75% !important;
  }
  #membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-slide .panel-heading p,
  #membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-slide .panel-heading .panel-heading-text {
    margin-top: 15px;
  }
  #membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-slide .panel-body {
    padding-top: 20px;
  }
  #membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-slide .panel-body > .media-table > .media-left > span,
  #membershipCostsPage .estimatedPricingSection .estimatedPricingSwiper .swiper-slide .panel-footer > .media-table > .media-left > span {
    width: auto;
  }
}

#membershipCostsPage .pageActionSection {
  padding-top: 15px;
}

#membershipCostsPage .pageActionSection .btn-wrapper:first-child .btn {
  margin-right: 16px;
}

#membershipCostsPage .pageActionSection .btn-wrapper .btn {
  min-width: 200px;
}

#membershipCostsPage .pageActionSection .btn-wrapper .btn.pillSubmit {
  margin-left: 0;
}

@media screen and (max-width: 767px) {
  #membershipCostsPage .pageActionSection {
    padding-top: 10px;
  }
  #membershipCostsPage .pageActionSection .btn-wrapper {
    display: block;
  }
  #membershipCostsPage .pageActionSection .btn-wrapper:first-child .btn {
    margin-right: 0;
  }
  #membershipCostsPage .pageActionSection .btn-wrapper .btn {
    min-width: 0;
    width: 100%;
  }
  #membershipCostsPage .pageActionSection .btn-wrapper + .btn-wrapper .btn {
    margin-top: 15px;
  }
}

#membershipCostsPage .disclaimerSection {
  padding: 30px 0 35px;
}

#membershipCostsPage .disclaimerSection .section-body > p {
  font-family: Avenir-light, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 100;
  line-height: 15px;
  margin: 10px 0 0;
  margin: 0;
}

#membershipCostsPage .disclaimerSection .section-body > p + p {
  margin-top: 7px;
}

@media screen and (max-width: 767px) {
  #membershipCostsPage .disclaimerSection {
    padding: 20px 0 21px;
  }
  #membershipCostsPage .disclaimerSection .section-body > p + p {
    margin-top: 10px;
  }
}

/**************************************************
 * $File: //p4-wdpro/Projects/Sites/DVC-Site/main-3.1/web-app/src/public/media/dvc_site/css/pages/resort/_search-index.scss $
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1636314 $
 * $Date: 2016/07/28 $
 **************************************************/
#resortAvailabilityToolPage .content-heading {
  padding-top: 50px;
  padding-bottom: 0;
  margin-bottom: 35px;
}

#resortAvailabilityToolPage .content-title {
  font-family: Avenir-light,Helvetica,Arial,sans-serif;
  font-size: 28px;
  font-weight: 100;
  line-height: 35px;
}

#resortAvailabilityToolPage .section {
  margin-top: 0;
  margin-bottom: 35px;
}

#resortAvailabilityToolPage .section-heading {
  font-family: Avenir-light,Helvetica,Arial,sans-serif;
  font-size: 14px;
  font-weight: 100;
  line-height: 20px;
  margin-bottom: 0;
  text-align: center;
}

#resortAvailabilityToolPage .section-heading h2,
#resortAvailabilityToolPage .section-heading .section-title {
  font-family: Avenir,Helvetica,Arial,sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
  margin-bottom: 0;
}

#resortAvailabilityToolPage .section-heading .section-title legend,
#resortAvailabilityToolPage .section-heading legend {
  text-align: center;
}

#resortAvailabilityToolPage .section-heading h2 + div,
#resortAvailabilityToolPage .section-heading h2 + p,
#resortAvailabilityToolPage .section-heading .section-title + div,
#resortAvailabilityToolPage .section-heading .section-title + p {
  margin-top: 10px;
}

#resortAvailabilityToolPage .section-body {
  padding: 20px 40px;
}

#resortAvailabilityToolPage .section-footer {
  font-family: Avenir-light,Helvetica,Arial,sans-serif;
  font-size: 14px;
  font-weight: 100;
  line-height: 20px;
  text-align: center;
}

#resortAvailabilityToolPage form fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

@media (max-width: 767px) {
  #resortAvailabilityToolPage .section-body {
    padding: 20px 20px;
  }
  #resortAvailabilityToolPage .dvcss-page-header {
    padding-bottom: 25px;
  }
  #resortAvailabilityToolPage .dvcss-page-header > h1 {
    color: #253b56;
    font-family: Avenir-light,Helvetica,Arial,sans-serif;
    font-size: 24px;
    font-weight: 100;
    line-height: 30px;
    text-align: center;
    padding-top: 30px;
  }
  #resortAvailabilityToolPage .dvcss-panel.content {
    margin-left: -10px;
    margin-right: -10px;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  #resortAvailabilityToolPage .section-heading h2 + div,
  #resortAvailabilityToolPage .section-heading h2 + p,
  #resortAvailabilityToolPage .section-heading .section-title + div,
  #resortAvailabilityToolPage .section-heading .section-title + p {
    margin-top: 15px;
  }
}

#resortAvailabilityToolPage .travelDatesSection .section-body {
  padding-top: 0;
}

#resortAvailabilityToolPage .travelDatesSection .section-footer p {
  margin-bottom: 0;
}

#resortAvailabilityToolPage .travelDatesSection .travelDatesPanel {
  border: 0;
  margin-bottom: 0;
}

#resortAvailabilityToolPage .travelDatesSection .travelDatesPanel .panel-heading {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #ddd;
  padding: 0;
}

#resortAvailabilityToolPage .travelDatesSection .travelDatesPanel .panel-heading a {
  color: #253b56;
}

#resortAvailabilityToolPage .travelDatesSection .travelDatesPanel .panel-heading a:hover,
#resortAvailabilityToolPage .travelDatesSection .travelDatesPanel .panel-heading a:focus {
  text-decoration: none;
}

#resortAvailabilityToolPage .travelDatesSection .travelDatesPanel .panel-heading .input-group .form-control-static {
  font-family: Avenir-roman,Helvetica,Arial,sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  padding-top: 15px;
  padding-bottom: 2px;
  min-height: 20px;
}

#resortAvailabilityToolPage .travelDatesSection .travelDatesPanel .panel-heading .input-group .input-group-btn .btn {
  padding: 0;
  margin-top: 8px;
}

#resortAvailabilityToolPage .travelDatesSection .travelDatesPanel .panel-heading .input-group .input-group-btn .peptasia {
  font-size: 20px;
}

#resortAvailabilityToolPage .travelDatesSection .travelDatesPanel .panel-body {
  padding: 15px 0 0;
}

#resortAvailabilityToolPage .travelDatesSection .travelDatesPanel .panel-footer {
  background-color: transparent;
  border: 0;
  font-family: Avenir-roman,Helvetica,Arial,sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  padding: 20px 0;
}

#resortAvailabilityToolPage .travelDatesSection .travelDatesPanel .travelDatesHelpBlock .travelDatesHelpActiveMonth {
  font-family: Avenir-roman,Helvetica,Arial,sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  margin-bottom: -2px;
  text-align: left;
}

#resortAvailabilityToolPage .travelDatesSection .travelDatesPanel .travelDatesHelpBlock .travelDatesHelpActiveMonth strong {
  font-family: Avenir,Helvetica,Arial,sans-serif;
  font-weight: 600;
}

#resortAvailabilityToolPage .travelDatesSection .travelDatesPanel .travelDatesHelpBlock .input-group .form-control-static {
  font-family: Avenir-roman,Helvetica,Arial,sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  min-height: 34px;
}

#resortAvailabilityToolPage .travelDatesSection .travelDatesPanel .travelDatesHelpBlock .input-group .input-group-btn .btn-link {
  padding: 0;
  font-family: Avenir-roman,Helvetica,Arial,sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

@media (min-width: 768px) {
  #resortAvailabilityToolPage .travelDatesSection .travelDatesPanel .travelDatesCollapsible {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
  }
}

@media (max-width: 767px) {
  #resortAvailabilityToolPage .travelDatesSection {
    margin-bottom: 20px;
  }
}

#resortAvailabilityToolPage .travelDatesSection .travelDatesDatepickerRangeSwiper {
  margin: 0 auto;
  max-width: 690px;
}

#resortAvailabilityToolPage .travelDatesSection .travelDatesDatepickerRangeSwiper .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: auto;
}

#resortAvailabilityToolPage .travelDatesSection .travelDatesDatepickerRangeSwiper .swiper-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  min-height: 1px;
  height: auto;
  padding: 0 10px;
}

#resortAvailabilityToolPage .travelDatesSection .travelDatesDatepickerRangeSwiper .swiper-button-next,
#resortAvailabilityToolPage .travelDatesSection .travelDatesDatepickerRangeSwiper .swiper-button-prev {
  background: none;
  color: #253b56;
  font-family: pepmdx2 !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  height: 20px;
  width: 20px;
  margin-top: -10px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#resortAvailabilityToolPage .travelDatesSection .travelDatesDatepickerRangeSwiper .swiper-button-next:hover,
#resortAvailabilityToolPage .travelDatesSection .travelDatesDatepickerRangeSwiper .swiper-button-next:focus,
#resortAvailabilityToolPage .travelDatesSection .travelDatesDatepickerRangeSwiper .swiper-button-prev:hover,
#resortAvailabilityToolPage .travelDatesSection .travelDatesDatepickerRangeSwiper .swiper-button-prev:focus {
  text-decoration: none;
}

#resortAvailabilityToolPage .travelDatesSection .travelDatesDatepickerRangeSwiper .swiper-button-next:focus,
#resortAvailabilityToolPage .travelDatesSection .travelDatesDatepickerRangeSwiper .swiper-button-prev:focus {
  outline: dotted thin;
  outline: -webkit-focus-ring-color auto 5px;
  outline-color: #00739a;
  outline-offset: -2px;
}

#resortAvailabilityToolPage .travelDatesSection .travelDatesDatepickerRangeSwiper .swiper-button-next,
#resortAvailabilityToolPage .travelDatesSection .travelDatesDatepickerRangeSwiper .swiper-container-rtl .swiper-button-prev {
  right: 25px;
}

#resortAvailabilityToolPage .travelDatesSection .travelDatesDatepickerRangeSwiper .swiper-button-prev,
#resortAvailabilityToolPage .travelDatesSection .travelDatesDatepickerRangeSwiper .swiper-container-rtl .swiper-button-next {
  left: 25px;
}

#resortAvailabilityToolPage .travelDatesSection .travelDatesDatepickerRangeSwiper .swiper-button-next:hover,
#resortAvailabilityToolPage .travelDatesSection .travelDatesDatepickerRangeSwiper .swiper-button-next:focus,
#resortAvailabilityToolPage .travelDatesSection .travelDatesDatepickerRangeSwiper .swiper-button-prev:hover,
#resortAvailabilityToolPage .travelDatesSection .travelDatesDatepickerRangeSwiper .swiper-button-prev:focus {
  color: #253b56;
}

#resortAvailabilityToolPage .travelDatesSection .travelDatesDatepickerRangeSwiper .swiper-button-next.swiper-button-disabled,
#resortAvailabilityToolPage .travelDatesSection .travelDatesDatepickerRangeSwiper .swiper-button-prev.swiper-button-disabled {
  color: #a1afc0;
  cursor: auto;
  opacity: 1.0;
  pointer-events: none;
}

#resortAvailabilityToolPage .travelDatesSection .travelDatesDatepickerRangeSwiper .swiper-button-next:before {
  content: "\e30c";
  margin-left: -2px;
}

#resortAvailabilityToolPage .travelDatesSection .travelDatesDatepickerRangeSwiper .swiper-button-prev:before {
  content: "\e30d";
  margin-left: -2px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #resortAvailabilityToolPage .travelDatesSection .travelDatesDatepickerRangeSwiper .swiper-slide {
    display: block;
  }
  #resortAvailabilityToolPage .travelDatesSection .travelDatesDatepickerRangeSwiper .swiper-body {
    display: block;
    height: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  #resortAvailabilityToolPage .travelDatesSection .travelDatesDatepickerRangeSwiper {
    position: relative;
  }
  #resortAvailabilityToolPage .travelDatesSection .travelDatesDatepickerRangeSwiper .swiper-button-next,
  #resortAvailabilityToolPage .travelDatesSection .travelDatesDatepickerRangeSwiper .swiper-container-rtl .swiper-button-prev {
    right: -30px;
  }
  #resortAvailabilityToolPage .travelDatesSection .travelDatesDatepickerRangeSwiper .swiper-button-prev,
  #resortAvailabilityToolPage .travelDatesSection .travelDatesDatepickerRangeSwiper .swiper-container-rtl .swiper-button-next {
    left: -30px;
  }
}

@media (max-width: 767px) {
  #resortAvailabilityToolPage .travelDatesSection .travelDatesDatepickerRangeSwiper {
    overflow: hidden;
    margin: -2px -20px 0;
    padding-top: 0;
    max-width: none;
  }
  #resortAvailabilityToolPage .travelDatesSection .travelDatesDatepickerRangeSwiper .swiper-body {
    padding: 0 5px;
  }
  #resortAvailabilityToolPage .travelDatesSection .travelDatesDatepickerRangeSwiper .swiper-container {
    overflow: visible;
    padding: 0 19px;
  }
  #resortAvailabilityToolPage .travelDatesSection .travelDatesDatepickerRangeSwiper .swiper-button-next,
  #resortAvailabilityToolPage .travelDatesSection .travelDatesDatepickerRangeSwiper .swiper-button-prev {
    display: none;
  }
}

#resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC {
  min-height: 1px;
  height: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC {
    height: 100%;
  }
}

#resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC.fc {
  /* Firefox */
}

#resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC.fc table {
  min-height: 0;
}

#resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC.fc td {
  border-color: #fff;
}

#resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC.fc .fc-toolbar {
  margin-bottom: 0;
}

#resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC.fc .fc-toolbar .fc-center {
  display: block;
}

#resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC.fc .fc-toolbar h2 {
  float: none;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  padding-bottom: 5px;
  text-align: left;
}

#resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC.fc .fc-toolbar h2 strong {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  font-weight: 600;
}

#resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC.fc .fc-view-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

#resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC.fc .fc-month-view {
  border: 1px solid #a1afc0;
  border-radius: 3px;
  padding: 15px 9px 20px;
}

#resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC.fc .fc-month-view > table > thead > tr > td.fc-widget-header .fc-row.fc-widget-header {
  border-bottom: 1px solid #ddd;
  margin-bottom: 8px;
}

#resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC.fc .fc-month-view > table > thead > tr > td.fc-widget-header .fc-row.fc-widget-header table {
  margin-bottom: 8px;
}

#resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC.fc .fc-month-view > table > thead > tr > td.fc-widget-header .fc-row.fc-widget-header table th.fc-day-header {
  color: #78899e;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

#resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC.fc .fc-row {
  height: auto !important;
}

#resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC.fc .fc-row .fc-content-skeleton {
  padding-bottom: 0;
}

#resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC.fc .fc-row .fc-content-skeleton table tbody td {
  display: none;
}

#resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC.fc .fc-day-number {
  background-color: #fff;
  color: #00739a;
  font-family: Avenir, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  padding: 11px 8px;
  text-align: center;
}

#resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC.fc .fc-day-number.selectable {
  background-color: #ebf6fc;
  color: #00739a;
}

#resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC.fc .fc-day-number.selected {
  background-color: #00739a;
  color: #fff;
}

#resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC.fc .fc-day-number.fc-past,
#resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC.fc .fc-day-number.fc-before-min-check-in,
#resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC.fc .fc-day-number.fc-after-max-check-in {
  color: #a1afc0;
}

#resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC.fc .fc-day-number.fc-after-max-check-in.selectable {
  color: #00739a;
}

#resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC.fc .fc-day-number.fc-after-max-check-in.selected {
  color: #fff;
}

#resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC.fc .fc-day-number.fc-other-month {
  visibility: hidden;
}

#resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC.fc .fc-day {
  cursor: pointer;
}

#resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC.fc .fc-day.fc-other-month {
  cursor: default;
}

#resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC.fc .fc-day .fc-day-link {
  position: relative;
}

#resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC.fc .fc-day:hover .fc-day-link,
#resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC.fc .fc-day .fc-day-link:focus {
  position: absolute;
  display: block;
  top: 0;
  height: 100%;
  width: 100%;
  border: 2px solid #253b56;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC.fc .fc-day:hover .fc-day-link,
  #resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC.fc .fc-day .fc-day-link:focus {
    position: relative;
  }
}

@-moz-document url-prefix() {
  #resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC.fc .fc-day:hover .fc-day-link,
  #resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC.fc .fc-day .fc-day-link:focus {
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: 0;
    height: auto;
    width: auto;
  }
}

#resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC.fc .fc-day:after {
  display: none;
}

#resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC.fc .fc-day.fc-past {
  cursor: default;
}

#resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC.fc .fc-bg .fc-day.fc-before-min-check-in:before,
#resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC.fc .fc-bg .fc-day.fc-after-max-check-in:before {
  background: none;
  border-color: #fff;
}

@media (max-width: 767px) {
  #resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC.fc .fc-toolbar h2 {
    display: none;
  }
  #resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC.fc .fc-month-view {
    padding-bottom: 9px;
  }
  #resortAvailabilityToolPage .travelDatesSection .datepickerRangeFC.fc .fc-day-number {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 16px;
  }
}

#resortAvailabilityToolPage .roomTypeSection .section-body {
  padding-bottom: 0;
}

#resortAvailabilityToolPage .roomTypeSection hr {
  background-color: #dfdfdf;
  height: 2px;
  margin: 0 auto;
  width: auto;
}

#resortAvailabilityToolPage .roomTypeSection .dvcss-row {
  margin-left: -25px;
  margin-right: -25px;
}

#resortAvailabilityToolPage .roomTypeSection .col-sm-3 {
  padding-left: 25px;
  padding-right: 25px;
  text-align: center;
}

#resortAvailabilityToolPage .roomTypeSection .help-block {
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  margin-top: 10px;
  margin-bottom: 0;
}

#resortAvailabilityToolPage .roomTypeSection .roomTypeFilters {
  padding-bottom: 30px;
  margin: 0 auto;
  max-width: 670px;
}

#resortAvailabilityToolPage .roomTypeSection .roomTypeFiltersBtnGroup label {
  display: block;
  position: relative;
}

#resortAvailabilityToolPage .roomTypeSection .roomTypeFiltersBtnGroup .btn {
  height: 44px;
  padding-top: 11px;
  padding-bottom: 9px;
}

#resortAvailabilityToolPage .roomTypeSection .roomTypeFiltersBtnGroup input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  width: 100%;
  cursor: pointer;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}

#resortAvailabilityToolPage .roomTypeSection .roomTypeFiltersBtnGroup input[type=checkbox]:hover + .btn {
  background: #253b56;
  border-color: #253b56;
  color: #fff;
}

#resortAvailabilityToolPage .roomTypeSection .roomTypeFiltersBtnGroup input[type=checkbox]:focus + .btn {
  outline: dotted thin;
  outline: -webkit-focus-ring-color auto 5px;
  outline-color: #00739a;
  outline-offset: -2px;
}

#resortAvailabilityToolPage .roomTypeSection .roomTypeFiltersBtnGroup input[type=checkbox]:checked + .btn {
  background: #253b56;
  border-color: #253b56;
  color: #fff;
}

#resortAvailabilityToolPage .roomTypeSection .roomTypeFiltersBtnGroup input[type=checkbox].unchecked + .btn,
#resortAvailabilityToolPage .roomTypeSection .roomTypeFiltersBtnGroup input[type=checkbox].unchecked:hover + .btn,
#resortAvailabilityToolPage .roomTypeSection .roomTypeFiltersBtnGroup input[type=checkbox].unchecked:focus + .btn {
  background: #fff;
  color: #00739a;
  border: 2px solid #00739a;
}

#resortAvailabilityToolPage .roomTypeSection .roomTypeFiltersBtnGroup .form-group {
  margin-bottom: 20px;
}

#resortAvailabilityToolPage .roomTypeSection .roomTypeFiltersAccessibleRow .form-group {
  display: inline-block;
  margin: 0;
}

#resortAvailabilityToolPage .roomTypeSection .roomTypeFiltersAccessibleRow .form-group .rich-checkbox {
  position: relative;
  top: -1px;
}

#resortAvailabilityToolPage .roomTypeSection .roomTypeFiltersAccessibleRow .form-group label {
  font-family: Avenir-light, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 100;
  line-height: 20px;
  margin: 0;
  margin-left: 5px;
}

#resortAvailabilityToolPage .roomTypeSection .roomTypeFiltersAccessibleRow .form-group .checkbox > span {
  padding-left: 5px;
}

@media (max-width: 767px) {
  #resortAvailabilityToolPage .roomTypeSection {
    margin-bottom: 25px;
  }
  #resortAvailabilityToolPage .roomTypeSection .dvcss-row {
    margin-left: -10px;
    margin-right: -10px;
  }
  #resortAvailabilityToolPage .roomTypeSection .col-sm-3 {
    padding-left: 10px;
    padding-right: 10px;
  }
  #resortAvailabilityToolPage .roomTypeSection .roomTypeFiltersAccessibleRow {
    padding-top: 5px;
  }
  #resortAvailabilityToolPage .roomTypeSection .roomTypeFilters {
    padding-bottom: 40px;
    max-width: none;
  }
}

#resortAvailabilityToolPage .selectResortsSection {
  margin-bottom: 27px;
}

#resortAvailabilityToolPage .selectResortsSection .section-body {
  padding: 21px 80px 0;
}

#resortAvailabilityToolPage .selectResortsSection .dvcss-row {
  margin-left: -10px;
  margin-right: -10px;
}

#resortAvailabilityToolPage .selectResortsSection .col-sm-6 {
  padding-left: 10px;
  padding-right: 10px;
}

#resortAvailabilityToolPage .selectResortsSection .checkbox {
  margin-top: 8px;
  margin-bottom: 8px;
  max-width: 380px;
}

#resortAvailabilityToolPage .selectResortsSection .checkbox > span {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding-left: 5px;
}

@media (max-width: 767px) {
  #resortAvailabilityToolPage .selectResortsSection {
    padding-top: 8px;
    margin-bottom: 0;
  }
  #resortAvailabilityToolPage .selectResortsSection .section-body {
    padding-left: 20px;
    padding-right: 20px;
  }
  #resortAvailabilityToolPage .selectResortsSection .checkbox {
    margin-top: 16px;
    margin-bottom: 16px;
    max-width: none;
  }
}

#resortAvailabilityToolPage .formActionSection .section-body {
  padding-top: 5px;
  padding-bottom: 40px;
}

#resortAvailabilityToolPage .formActionSection .btn {
  height: 44px;
  min-width: 200px;
  padding-top: 11px;
  padding-bottom: 9px;
}

@media (max-width: 767px) {
  #resortAvailabilityToolPage .formActionSection {
    margin-bottom: 1px;
  }
  #resortAvailabilityToolPage .formActionSection .section-body {
    padding-top: 4px;
    padding-bottom: 0;
  }
  #resortAvailabilityToolPage .formActionSection .btn {
    display: block;
    width: 100%;
  }
}

/**************************************************
 * $File: //p4-wdpro/Projects/Sites/DVC-Site/main-3.1/web-app/src/public/media/dvc_site/css/pages/resort/_resort-availability.scss $
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1636314 $
 * $Date: 2016/07/28 $
 **************************************************/
#resortAvailabilityToolSearchResultsPage .content-heading {
  padding-top: 20px;
  padding-bottom: 20px;
}

@media (max-width: 767px) {
  #resortAvailabilityToolSearchResultsPage .dvcss-page-header {
    padding: 0;
  }
  #resortAvailabilityToolSearchResultsPage .dvcss-page-body {
    margin-left: -10px;
    margin-right: -10px;
  }
  #resortAvailabilityToolSearchResultsPage .content {
    border-radius: 0;
  }
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .sticky {
  z-index: 1000;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .sticky.is_stuck .is-stuck-hidden {
  display: none;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ddd;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  border-radius: 0;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li {
  border-color: #ddd;
  border-bottom: 1px solid #ddd;
  vertical-align: top;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li .nav-item-inner {
  padding: 10px 20px;
  margin-top: -1px;
  margin-bottom: -1px;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li > a {
  border: 0;
  color: #253b56;
  font-family: Avenir, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin-top: -1px;
  margin-bottom: -1px;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: left;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li > a .selectedFilters {
  min-height: 15px;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs .dropdown-toggle > .pull-right .peptasia {
  font-size: 18px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  #resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li > a {
    min-width: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-1 {
  position: static;
  border-left-color: transparent;
  border-right: 0;
  border-right-color: transparent;
  vertical-align: top;
  width: 27.9%;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-1 .nav-item-inner {
  padding-top: 22px;
  padding-bottom: 20px;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-1 .input-group {
  display: block;
  margin-top: -1px;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-1 .input-group input,
#resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-1 .input-group .form-control-static {
  display: block;
  float: none;
  border-bottom: 1px solid #253b56;
  border-radius: 0;
  font-family: Avenir, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  padding-right: 34px;
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-1 .input-group .form-control-static {
  color: #253b56;
  cursor: pointer;
  min-height: 21px;
  padding-top: 0;
  padding-bottom: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-1 .input-group input[readonly] {
  cursor: default;
  background-color: #fff;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-1 .input-group .input-group-btn {
  display: block;
  position: absolute;
  z-index: 2;
  top: -2px;
  right: 0;
  width: auto;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-1 .input-group .input-group-btn .btn {
  color: #253b56;
  font-size: 18px;
  margin-top: 0;
  padding: 0;
  height: auto;
  width: auto;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-1 .help-block {
  display: none;
  position: absolute;
  top: 100%;
  z-index: 1002;
  background-color: #fff;
  font-family: Avenir, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  margin: 0;
  padding: 9px 0;
  width: 100%;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-1 .dropdown-menu {
  top: 100%;
  z-index: 1003;
  border-radius: 0;
  margin-top: 0;
  padding: 0;
  width: 100%;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-1.open {
  border-bottom-color: transparent;
  /*
            .dropdown-menu {
                height: auto;
                overflow: visible;
                visibility: visible;
            }
            */
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-1.open .help-block {
  display: block;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-1.open:after {
  display: none;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  #resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-1 {
    width: 35.6%;
  }
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-2 {
  border-right: 0;
  border-right-color: transparent;
  width: 25.5%;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-2.open {
  border-bottom-color: transparent;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-2 .dropdown-menu {
  top: 100%;
  border-top-right-radius: 0;
  margin-top: 1px;
  margin-left: 0;
  padding: 23px 20px 10px;
  min-width: 0;
  width: 100%;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-2 .dropdown-menu > .panel {
  border: 0;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-2 .dropdown-menu ol > li.form-row label {
  color: #253b56;
  font-family: Avenir, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding-bottom: 6px;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-2 .dropdown-menu ol > li.form-row label.checkbox > span {
  padding-left: 8px;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-2 .dropdown-menu .btn-link {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 11px;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-2 .dropdown-menu .divider {
  margin: 5px 0 14px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  #resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-2 {
    width: 24.5%;
  }
  #resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-2.open {
    border-bottom-color: transparent;
  }
  #resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-2 .dropdown-menu {
    min-width: 270px;
    margin-top: 1px;
  }
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-3 {
  border-right: 0;
  border-right-color: transparent;
  width: 25.5%;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-3.open {
  border-bottom-color: transparent;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-3 .dropdown-menu {
  top: 100%;
  border-top-right-radius: 0;
  margin-top: 1px;
  margin-left: 0;
  padding: 23px 20px 10px;
  min-width: 400px;
  width: 100%;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-3 .dropdown-menu > .panel {
  border: 0;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-3 .dropdown-menu ol > li.form-row label {
  color: #253b56;
  font-family: Avenir, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding-bottom: 6px;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-3 .dropdown-menu ol > li.form-row label.checkbox > span {
  padding-left: 8px;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-3 .dropdown-menu .btn-link {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 11px;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-3 .dropdown-menu .divider {
  margin: 5px 0 14px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  #resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-3 {
    width: 14.7%;
  }
  #resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-3.open {
    border-bottom-color: transparent;
  }
  #resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-3 .dropdown-menu {
    min-width: 270px;
    margin-top: 1px;
  }
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-4 {
  border-right: 0;
  border-right-color: transparent;
  vertical-align: top;
  width: 21.3%;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-4 .nav-item-inner {
  padding-top: 10px;
  padding-bottom: 10px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  #resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-4 {
    width: 25.4%;
  }
  #resortAvailabilityToolSearchResultsPage .ratFiltersSection .panel-nav .nav-tabs > li.col-4 .nav-item-inner {
    padding-left: 10px;
    padding-right: 10px;
  }
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .filtersDatepickerRangeSwiper {
  margin: 27px 65px 35px;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .filtersDatepickerRangeSwiper .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: auto;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .filtersDatepickerRangeSwiper .swiper-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  min-height: 1px;
  height: auto;
  padding: 0 25px;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .filtersDatepickerRangeSwiper .swiper-button-next,
#resortAvailabilityToolSearchResultsPage .ratFiltersSection .filtersDatepickerRangeSwiper .swiper-button-prev {
  background: none;
  color: #253b56;
  font-family: pepmdx2 !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  height: 20px;
  width: 20px;
  margin-top: -10px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .filtersDatepickerRangeSwiper .swiper-button-next,
#resortAvailabilityToolSearchResultsPage .ratFiltersSection .filtersDatepickerRangeSwiper .swiper-container-rtl .swiper-button-prev {
  right: -45px;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .filtersDatepickerRangeSwiper .swiper-button-prev,
#resortAvailabilityToolSearchResultsPage .ratFiltersSection .filtersDatepickerRangeSwiper .swiper-container-rtl .swiper-button-next {
  left: -45px;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .filtersDatepickerRangeSwiper .swiper-button-next:hover,
#resortAvailabilityToolSearchResultsPage .ratFiltersSection .filtersDatepickerRangeSwiper .swiper-button-next:focus,
#resortAvailabilityToolSearchResultsPage .ratFiltersSection .filtersDatepickerRangeSwiper .swiper-button-prev:hover,
#resortAvailabilityToolSearchResultsPage .ratFiltersSection .filtersDatepickerRangeSwiper .swiper-button-prev:focus {
  color: #253b56;
  text-decoration: none;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .filtersDatepickerRangeSwiper .swiper-button-next:focus,
#resortAvailabilityToolSearchResultsPage .ratFiltersSection .filtersDatepickerRangeSwiper .swiper-button-prev:focus {
  outline: dotted thin;
  outline: -webkit-focus-ring-color auto 5px;
  outline-color: #00739a;
  outline-offset: -2px;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .filtersDatepickerRangeSwiper .swiper-button-next.swiper-button-disabled,
#resortAvailabilityToolSearchResultsPage .ratFiltersSection .filtersDatepickerRangeSwiper .swiper-button-prev.swiper-button-disabled {
  color: #a1afc0;
  cursor: auto;
  opacity: 1.0;
  pointer-events: none;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .filtersDatepickerRangeSwiper .swiper-button-next:before {
  content: "\e30c";
  margin-left: -2px;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .filtersDatepickerRangeSwiper .swiper-button-prev:before {
  content: "\e30d";
  margin-left: -2px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #resortAvailabilityToolSearchResultsPage .ratFiltersSection .filtersDatepickerRangeSwiper .swiper-slide {
    display: block;
  }
  #resortAvailabilityToolSearchResultsPage .ratFiltersSection .filtersDatepickerRangeSwiper .swiper-body {
    display: block;
    height: 100%;
  }
}

@media (max-width: 767px) {
  #resortAvailabilityToolSearchResultsPage .ratFiltersSection .filtersDatepickerRangeSwiper {
    overflow: hidden;
    margin: 0 -40px;
  }
  #resortAvailabilityToolSearchResultsPage .ratFiltersSection .filtersDatepickerRangeSwiper .swiper-container {
    overflow: visible;
    padding: 0 20px;
  }
  #resortAvailabilityToolSearchResultsPage .ratFiltersSection .filtersDatepickerRangeSwiper .swiper-button-next,
  #resortAvailabilityToolSearchResultsPage .ratFiltersSection .filtersDatepickerRangeSwiper .swiper-button-prev {
    display: none;
  }
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .datepickerRangeFC {
  min-height: 1px;
  height: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #resortAvailabilityToolSearchResultsPage .ratFiltersSection .datepickerRangeFC {
    height: 100%;
  }
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .datepickerRangeFC.fc table {
  border-collapse: separate;
  border-spacing: 0;
  min-height: 0;
  margin-bottom: 0;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .datepickerRangeFC.fc td {
  border-color: #fff;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .datepickerRangeFC.fc .fc-toolbar {
  margin-bottom: 0;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .datepickerRangeFC.fc .fc-toolbar .fc-center {
  display: block;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .datepickerRangeFC.fc .fc-toolbar h2 {
  float: none;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  padding-bottom: 18px;
  text-align: center;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .datepickerRangeFC.fc .fc-toolbar h2 strong {
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-weight: 600;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .datepickerRangeFC.fc .fc-view-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .datepickerRangeFC.fc .fc-day-grid-container td {
  border: 0;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .datepickerRangeFC.fc .fc-day-grid-container td:first-child {
  border-left: 1px solid #fff;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .datepickerRangeFC.fc .fc-month-view > table > thead > tr > td.fc-widget-header .fc-row.fc-widget-header {
  border-bottom: 1px solid #ddd;
  margin-bottom: 9px;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .datepickerRangeFC.fc .fc-month-view > table > thead > tr > td.fc-widget-header .fc-row.fc-widget-header table {
  margin-bottom: 9px;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .datepickerRangeFC.fc .fc-month-view > table > thead > tr > td.fc-widget-header .fc-row.fc-widget-header table th.fc-day-header {
  color: #78899e;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .datepickerRangeFC.fc .fc-row {
  height: auto !important;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .datepickerRangeFC.fc .fc-row .fc-content-skeleton {
  padding-bottom: 0;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .datepickerRangeFC.fc .fc-row .fc-content-skeleton table tbody td {
  display: none;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .datepickerRangeFC.fc .fc-day {
  cursor: pointer;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .datepickerRangeFC.fc .fc-day:after {
  display: none;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .datepickerRangeFC.fc .fc-day:hover .fc-day-link,
#resortAvailabilityToolSearchResultsPage .ratFiltersSection .datepickerRangeFC.fc .fc-day .fc-day-link:focus {
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  border: 2px solid #253b56;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #resortAvailabilityToolSearchResultsPage .ratFiltersSection .datepickerRangeFC.fc .fc-day:hover .fc-day-link,
  #resortAvailabilityToolSearchResultsPage .ratFiltersSection .datepickerRangeFC.fc .fc-day .fc-day-link:focus {
    position: relative;
  }
}

@-moz-document url-prefix() {
  #resortAvailabilityToolSearchResultsPage .ratFiltersSection .datepickerRangeFC.fc .fc-day:hover .fc-day-link,
  #resortAvailabilityToolSearchResultsPage .ratFiltersSection .datepickerRangeFC.fc .fc-day .fc-day-link:focus {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    width: auto;
  }
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .datepickerRangeFC.fc .fc-day.fc-past {
  cursor: default;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .datepickerRangeFC.fc .fc-bg .fc-day.fc-before-min-check-in:before,
#resortAvailabilityToolSearchResultsPage .ratFiltersSection .datepickerRangeFC.fc .fc-bg .fc-day.fc-after-max-check-in:before {
  background: none;
  border-color: #fff;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .datepickerRangeFC.fc .fc-day-number {
  background-color: #fff;
  color: #00739a;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  padding: 6px 8px;
  text-align: center;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .datepickerRangeFC.fc .fc-day-number.selectable {
  background-color: #ebf6fc;
  color: #00739a;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .datepickerRangeFC.fc .fc-day-number.selected {
  background-color: #00739a;
  color: #fff;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .datepickerRangeFC.fc .fc-day-number.fc-past,
#resortAvailabilityToolSearchResultsPage .ratFiltersSection .datepickerRangeFC.fc .fc-day-number.fc-before-min-check-in,
#resortAvailabilityToolSearchResultsPage .ratFiltersSection .datepickerRangeFC.fc .fc-day-number.fc-after-max-check-in {
  color: #a1afc0;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .datepickerRangeFC.fc .fc-day-number.fc-after-max-check-in.selectable {
  color: #00739a;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .datepickerRangeFC.fc .fc-day-number.fc-after-max-check-in.selected {
  color: #fff;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .datepickerRangeFC.fc .fc-day-number.fc-other-month {
  visibility: hidden;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .ratFiltersSummaryStatic {
  background-color: #ebf6fc;
  padding: 15px 10px;
  margin-bottom: -25px;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .ratFiltersSummaryStatic > .media-table > .media-right {
  padding-left: 10px;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .ratFiltersSummaryStatic > .media-table > .media-right .btn-link {
  color: #00739a;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 0;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .ratFiltersSummaryStatic .input-group {
  width: 100%;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .ratFiltersSummaryStatic .input-group + .input-group {
  margin-top: 10px;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .ratFiltersSummaryStatic .input-group-addon {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  color: #253b56;
  padding: 0 10px 0 0;
  vertical-align: top;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .ratFiltersSummaryStatic .input-group-addon .peptasia {
  top: -1px;
  font-size: 20px;
}

#resortAvailabilityToolSearchResultsPage .ratFiltersSection .ratFiltersSummaryStatic .form-control-static {
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 0;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList {
  padding-bottom: 25px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemJumbotron .jumbotron {
  background: none;
  margin-bottom: 0;
  padding: 25px 0 20px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemJumbotron .jumbotron img.img-responsive {
  max-height: 200px;
  width: 100%;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemJumbotron .jumbotron img.img-responsive.lazy {
  margin: 0 auto;
  width: auto;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemJumbotron .jumbotron-title {
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  margin-top: 20px;
  margin-bottom: 0;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .panel-group {
  margin-bottom: 0;
  /*
                .panel-collapse {
                    display: block !important;
                    height: 0 !important;
                    width: 0 !important;
                    overflow: hidden;
                    visibility: hidden;
                }

                .panel-collapse.collapsing {
                    visibility: visible;
                }

                .panel-collapse.in {
                    height: auto !important;
                    width: auto !important;
                    overflow: visible;
                    visibility: visible;
                }
                */
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .panel-group + .panel-group {
  margin-top: 45px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .panel-group .panel-group-title {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
  margin-bottom: 15px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .panel-group .panel {
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .panel-group .panel .panel-heading {
  background-color: #fff;
  padding: 20px 20px 25px 20px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .panel-group .panel .panel-heading .media-table > .media-right {
  padding-left: 10px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .panel-group .panel .panel-heading .media-table > .media-right .btn {
  width: 200px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .panel-group .panel .panel-heading + .panel-collapse > .panel-body {
  border-top: 0;
  padding: 26px 40px 20px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .panel-group .panel.panel-collapsible .panel-heading {
  padding: 20px 20px 25px 12px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .panel-group .panel.panel-warning {
  border-color: #ddd;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .panel-group .panel.panel-warning > .panel-heading {
  border-color: #ddd;
  color: #253b56;
  font-family: Avenir, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 20px;
  padding: 25px 20px 25px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .panel-group .panel + .panel {
  margin-top: -1px;
}

@media (max-width: 767px) {
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .panel-group .panel .panel-heading + .panel-collapse > .panel-body {
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityToggle.collapsed {
  color: #253b56;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityToggle:focus, #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityToggle.collapsed:focus {
  color: #00739a;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityToggle:focus span.btn {
  outline: thin dotted #00739a;
  outline-offset: -2px;
  text-decoration: underline;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityToggle .peptasia-caret {
  font-size: 26px;
  height: 26px;
  width: 26px;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityToggle .peptasia-caret:before {
  margin-left: -3px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityToggle.collapsed .peptasia-caret {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityToggle > .media > .media-left {
  margin-right: 7px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityToggle > .media > .media-right {
  margin-left: 25px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityToggle > .media > .media-right .btn {
  padding-left: 0;
  padding-right: 0;
  width: 200px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityToggle > .media > .media-body {
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityToggle > .media > .media-body strong {
  display: block;
  font-family: Avenir, Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityToggle > .media > .media-body small {
  display: block;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 2px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityToggle > .media > .media-body .dvcss-row {
  margin-right: -15px;
  margin-left: -15px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityToggle > .media > .media-body .col-1,
#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityToggle > .media > .media-body .col-2,
#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityToggle > .media > .media-body .col-3 {
  display: block;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityToggle > .media > .media-body .col-1 {
  width: 41.845%;
  padding-right: 45px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityToggle > .media > .media-body .col-1 .col-inner {
  max-width: 235px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityToggle > .media > .media-body .col-2 {
  padding-top: 15px;
  padding-left: 45px;
  width: 35.462%;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityToggle > .media > .media-body .col-2 .col-inner {
  min-width: 90px;
  max-width: 190px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityToggle > .media > .media-body .col-3 {
  padding-top: 15px;
  width: 21.988%;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityToggle > .media > .media-body .col-3 .col-inner {
  max-width: 135px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityToggle .btn-link {
  color: #00739a;
  font-family: Avenir, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityToggle .btn-link .peptasia {
  top: 2px;
  font-size: 16px;
  margin-right: 5px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityToggle.collapsed .btn-link {
  color: #253b56;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityToggle:focus .btn-link,
#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityToggle.collapsed:focus .btn-link {
  color: #00739a;
}

@media (min-width: 768px) and (max-width: 991px) {
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityToggle > .media > .media-body .col-1 {
    padding-right: 15px;
    width: 53%;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityToggle > .media > .media-body .col-2 {
    padding-left: 15px;
    width: 24.462%;
  }
}

@media (max-width: 767px) {
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityToggle > .media > .media-body .dvcss-row .col-xs-12 {
    margin-top: 10px;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityToggle > .media > .media-body .col-1 {
    padding-right: 15px;
    width: 100%;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityToggle > .media > .media-body .col-2 {
    margin-top: 10px;
    padding-top: 0;
    padding-left: 15px;
    width: 100%;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityToggle > .media > .media-body .col-3 {
    width: 100%;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityToggle > .media > .media-body .col-1 .col-inner,
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityToggle > .media > .media-body .col-2 .col-inner,
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityToggle > .media > .media-body .col-3 .col-inner {
    min-width: 0;
    max-width: none;
    text-align: left;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityToggle .btn-link {
    color: #00739a;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding: 0;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityToggle.collapsed .btn-link {
    color: #00739a;
  }
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .panel-collapsible .resultsItemAvailabilityToggle > .media > .media-body .col-1 {
  width: 38.972%;
  padding-right: 15px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .panel-collapsible .resultsItemAvailabilityToggle > .media > .media-body .col-1 .col-inner {
  max-width: 235px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .panel-collapsible .resultsItemAvailabilityToggle > .media > .media-body .col-2 {
  padding-top: 15px;
  padding-left: 15px;
  width: 32.355%;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .panel-collapsible .resultsItemAvailabilityToggle > .media > .media-body .col-2 .col-inner {
  min-width: 90px;
  max-width: 190px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .panel-collapsible .resultsItemAvailabilityToggle > .media > .media-body .col-3 {
  padding-top: 15px;
  width: 24.988%;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .panel-collapsible .resultsItemAvailabilityToggle > .media > .media-body .col-3 .col-inner {
  max-width: 135px;
}

@media (min-width: 768px) and (max-width: 991px) {
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .panel-collapsible .resultsItemAvailabilityToggle > .media > .media-body .col-1 {
    padding-right: 15px;
    width: 46%;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .panel-collapsible .resultsItemAvailabilityToggle > .media > .media-body .col-2 {
    padding-left: 15px;
    width: 27%;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .panel-collapsible .resultsItemAvailabilityToggle > .media > .media-body .col-3 {
    width: 27%;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .panel-collapsible .resultsItemAvailabilityToggle > .media > .media-body .col-1 .col-inner {
    max-width: none;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .panel-collapsible .resultsItemAvailabilityToggle > .media > .media-body .col-2 .col-inner,
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .panel-collapsible .resultsItemAvailabilityToggle > .media > .media-body .col-3 .col-inner {
    min-width: 0;
    max-width: none;
    text-align: left;
  }
}

@media (max-width: 767px) {
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .panel-collapsible .resultsItemAvailabilityToggle > .media > .media-body .dvcss-row .col-xs-12 {
    margin-top: 10px;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .panel-collapsible .resultsItemAvailabilityToggle > .media > .media-body .col-1 {
    padding-right: 15px;
    width: 100%;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .panel-collapsible .resultsItemAvailabilityToggle > .media > .media-body .col-2 {
    margin-top: 10px;
    padding-top: 0;
    padding-left: 15px;
    width: 100%;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .panel-collapsible .resultsItemAvailabilityToggle > .media > .media-body .col-3 {
    width: 100%;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .panel-collapsible .resultsItemAvailabilityToggle > .media > .media-body .col-1 .col-inner,
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .panel-collapsible .resultsItemAvailabilityToggle > .media > .media-body .col-2 .col-inner,
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .panel-collapsible .resultsItemAvailabilityToggle > .media > .media-body .col-3 .col-inner {
    min-width: 0;
    max-width: none;
    text-align: left;
  }
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityPartial .resultsItemAvailabilityToggle > .media > .media-right {
  margin-left: 0;
  padding-left: 15px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityPartial .resultsItemAvailabilityToggle > .media > .media-body .dvcss-row {
  margin-right: -15px;
  margin-left: -15px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityPartial .resultsItemAvailabilityToggle > .media > .media-body .dvcss-row .col-1,
#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityPartial .resultsItemAvailabilityToggle > .media > .media-body .dvcss-row .col-2,
#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityPartial .resultsItemAvailabilityToggle > .media > .media-body .dvcss-row .col-3 {
  padding-left: 15px;
  padding-right: 15px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityPartial .resultsItemAvailabilityToggle > .media > .media-body .dvcss-row .col-1 {
  width: 38.407%;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityPartial .resultsItemAvailabilityToggle > .media > .media-body .dvcss-row .col-2 {
  padding-right: 30px;
  width: 61.593%;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityPartial .resultsItemAvailabilityToggle > .media > .media-body .dvcss-row .col-2 .col-inner {
  min-width: 0;
  max-width: none;
}

@media (min-width: 768px) and (max-width: 991px) {
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityPartial .resultsItemAvailabilityToggle > .media > .media-body .dvcss-row .col-1 {
    width: 57.5%;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityPartial .resultsItemAvailabilityToggle > .media > .media-body .dvcss-row .col-2 {
    width: 42.5%;
  }
}

@media (max-width: 767px) {
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityPartial .resultsItemAvailabilityToggle > .media > .media-body .dvcss-row .col-1,
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityPartial .resultsItemAvailabilityToggle > .media > .media-body .dvcss-row .col-2 {
    width: 100%;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityPartial .resultsItemAvailabilityToggle > .media > .media-body .dvcss-row .col-2 {
    padding-right: 15px;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityPartial .resultsItemAvailabilityToggle > .media > .media-body .dvcss-row .col-2 .col-inner {
    text-align: left;
  }
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityWaitlist.collapse {
  display: block !important;
  height: 0 !important;
  overflow: hidden;
  visibility: hidden;
  margin-top: 0;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityWaitlist.collapse.collapsing {
  visibility: visible;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityWaitlist.collapse.in {
  margin-top: 45px;
  height: auto !important;
  overflow: visible;
  visibility: visible;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityWaitlist .resultsItemAvailabilityToggle > .media > .media-body .dvcss-row {
  margin-right: -15px;
  margin-left: -15px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityWaitlist .resultsItemAvailabilityToggle > .media > .media-body .col-1,
#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityWaitlist .resultsItemAvailabilityToggle > .media > .media-body .col-2,
#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityWaitlist .resultsItemAvailabilityToggle > .media > .media-body .col-3 {
  padding-left: 15px;
  padding-right: 15px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityWaitlist .resultsItemAvailabilityToggle > .media > .media-body .col-1 {
  width: 39.312%;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityWaitlist .resultsItemAvailabilityToggle > .media > .media-body .col-2 {
  padding-top: 15px;
  width: 33.105%;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityWaitlist .resultsItemAvailabilityToggle > .media > .media-body .col-3 {
  padding-top: 15px;
  width: 24.14%;
}

@media (max-width: 767px) {
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityWaitlist .resultsItemAvailabilityToggle > .media > .media-body .col-1,
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityWaitlist .resultsItemAvailabilityToggle > .media > .media-body .col-2,
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityWaitlist .resultsItemAvailabilityToggle > .media > .media-body .col-3 {
    width: 100%;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityWaitlist .resultsItemAvailabilityToggle > .media > .media-body .col-1 .col-inner,
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityWaitlist .resultsItemAvailabilityToggle > .media > .media-body .col-2 .col-inner,
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityWaitlist .resultsItemAvailabilityToggle > .media > .media-body .col-3 .col-inner {
    text-align: left;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityWaitlist .resultsItemAvailabilityToggle > .media > .media-body .col-2,
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityWaitlist .resultsItemAvailabilityToggle > .media > .media-body .col-3 {
    padding-top: 0;
  }
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityShowMore {
  padding: 0 20px 0;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityShowMore .btn {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
  padding: 0;
  margin: 40px 0 35px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerSwiper {
  margin: 0;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerSwiper .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: auto;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerSwiper .swiper-body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  min-height: 1px;
  height: auto;
  padding: 0 5px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerSwiper .swiper-button-next,
#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerSwiper .swiper-button-prev {
  background: none;
  color: #253b56;
  font-family: pepmdx2 !important;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  height: 24px;
  width: 24px;
  margin-top: -12px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerSwiper .swiper-button-next,
#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerSwiper .swiper-container-rtl .swiper-button-prev {
  right: -29px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerSwiper .swiper-button-prev,
#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerSwiper .swiper-container-rtl .swiper-button-next {
  left: -29px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerSwiper .swiper-button-next:hover,
#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerSwiper .swiper-button-next:focus,
#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerSwiper .swiper-button-prev:hover,
#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerSwiper .swiper-button-prev:focus {
  color: #253b56;
  text-decoration: none;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerSwiper .swiper-button-next:focus,
#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerSwiper .swiper-button-prev:focus {
  outline: dotted thin;
  outline: -webkit-focus-ring-color auto 5px;
  outline-color: #00739a;
  outline-offset: -2px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerSwiper .swiper-button-next.swiper-button-disabled,
#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerSwiper .swiper-button-prev.swiper-button-disabled {
  color: #a1afc0;
  cursor: auto;
  opacity: 1.0;
  pointer-events: none;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerSwiper .swiper-button-next:before {
  content: "\e30c";
  margin-left: -2px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerSwiper .swiper-button-prev:before {
  content: "\e30d";
  margin-left: -2px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerSwiper .fcLoading.is-loading-shown {
  display: none;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  width: 100%;
  margin-top: -32px;
  text-align: center;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerSwiper .is-loading .fcLoading.is-loading-shown {
  display: block;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerSwiper .swiper-slide {
    display: block;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerSwiper .swiper-body {
    display: block;
    height: 100%;
  }
}

@media (max-width: 767px) {
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerSwiper {
    overflow: hidden;
    margin: 0 -20px;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerSwiper .swiper-container {
    overflow: visible;
    padding: 0 19px;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerSwiper .swiper-button-next,
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerSwiper .swiper-button-prev {
    display: none;
  }
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .is-loading .resultsItemAvailabilityDatepickerFC .fc-day-grid-container {
  opacity: 0.0;
  filter: alpha(opacity=100);
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC {
  min-height: 1px;
  height: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  /*
                & table {
                    height: 40px;
                    min-height: 40px;
                }

                & td {
                    border-width: 1px;
                    border-color: transparent;
                }
                */
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC {
    height: 100%;
  }
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC .fc-toolbar .fc-center {
  display: block;
  text-align: left;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC .fc-toolbar h2 {
  float: none;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC .fc-toolbar h2 strong {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  font-weight: 600;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC .fc-view-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  background-color: #fff;
  border: 1px solid #a1afc0;
  border-radius: 4px;
  padding: 15px 9px 9px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC .fc-view > table {
  height: auto;
  min-height: 0;
  margin-bottom: 0;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC .fc-view > table > tbody > tr > td.fc-widget-content {
  border: 0;
  height: auto !important;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC .fc-view > table > thead > tr > td.fc-widget-header .fc-row.fc-widget-header {
  border-bottom: 1px solid #eef2f5;
  margin-bottom: 8px;
  padding-bottom: 8px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC .fc-row {
  position: relative;
  height: auto !important;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC .fc-row .fc-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC .fc-row .fc-bg > table {
  border: 0;
  border-spacing: 0;
  border-collapse: separate;
  table-layout: fixed;
  height: 100%;
  min-height: 0;
  width: 100%;
  margin-bottom: 0;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC .fc-row .fc-bg > table tr td.fc-day {
  border: 0 solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background-color: #a1afc0;
  /* IE10+ */
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC .fc-row .fc-bg > table tr td.fc-day.fc-other-month {
  visibility: hidden;
  background-color: transparent;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC .fc-row .fc-bg > table tr td.fc-day:first-child {
  border-left: 0;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC .fc-row .fc-bg > table tr td.fc-day:after {
  display: none;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC .fc-row .fc-bg > table tr td.fc-day.selected:before {
  content: ' ';
  pointer-events: none;
  display: block;
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  z-index: 3;
  border: 2px solid #253b56;
  border-left-width: 0;
  border-right-width: 0;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC .fc-row .fc-bg > table tr td.fc-day.selected-first:before {
  border-left-width: 2px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC .fc-row .fc-bg > table tr td.fc-day.selected-last:before {
  border-right-width: 2px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC .fc-row .fc-bg > table tr td.fc-day.fc-other-month:before {
  display: none;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC .fc-row .fc-bg > table tr td.fc-day _:-ms-lang(x), #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC .fc-row .fc-bg > table tr td.fc-day.selected:before {
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  margin-top: -1px;
  margin-left: -1px;
  margin-right: -1px;
  height: 100%;
  width: auto;
  border-bottom: 0;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC .fc-row .fc-bg > table tr td.fc-day _:-ms-lang(x), #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC .fc-row .fc-bg > table tr td.fc-day.selected:after {
  content: ' ';
  display: block;
  position: relative;
  z-index: 3;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  margin-top: 0;
  margin-left: -1px;
  margin-right: -1px;
  height: 2px;
  width: auto;
  background-color: transparent;
  border-bottom: 2px solid #253b56;
  opacity: 1;
  filter: alpha(opacity=100);
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC .fc-row .fc-bg > table tr td.fc-day _:-ms-lang(x), #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC .fc-row .fc-bg > table tr td.fc-day.selected-first:before {
  border-left: 2px solid #253b56;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC .fc-row .fc-bg > table tr td.fc-day _:-ms-lang(x), #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC .fc-row .fc-bg > table tr td.fc-day.selected-last:after {
  border-right: 2px solid #253b56;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC .fc-row .fc-content-skeleton {
  position: static;
  z-index: auto;
  padding-bottom: 0;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC .fc-row .fc-content-skeleton > table {
  border: 0;
  border-bottom: 1px solid #fff;
  border-spacing: 0;
  border-collapse: separate;
  table-layout: fixed;
  height: 40px;
  min-height: 40px;
  width: 100%;
  margin-bottom: 0;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC .fc-row .fc-content-skeleton > table > thead > tr > td {
  position: relative;
  z-index: 2;
  border-left: 0 solid transparent;
  border-top: 0 solid transparent;
  border-right: 1px solid #fff;
  border-bottom: 0;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC .fc-row .fc-content-skeleton > table > thead > tr > td.fc-day-number {
  color: #fff;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
  text-align: right;
  padding: 3px;
  height: 16px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC .fc-row .fc-content-skeleton > table > tbody > tr > td {
  position: relative;
  z-index: 1;
  border-left: 0 solid transparent;
  border-top: 0;
  border-right: 1px solid #fff;
  border-bottom: 0;
}

@-moz-document url-prefix() {
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC .fc-row .fc-content-skeleton > table > tbody > tr > td {
    padding-left: 1px;
    padding-right: 1px;
  }
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC .fc-row:first-child {
  /*
                        .fc-content-skeleton {
                            > table > thead > tr > td {
                                border-top: 0;
                            }
                        }
                        */
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC .fc-row:first-child .fc-bg > table tr td.fc-day {
  border-top: 0;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC .fc-event {
  position: relative;
  z-index: 1;
  background-color: #a1afc0;
  border: 0;
  margin-top: -16px;
  min-height: 39px;
  text-align: center;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC .fc-event.fc-other-month {
  display: none;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC .fc-event .fc-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #ecf1f4;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  padding: 19px 3px 3px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC .fc-event.available .fc-content {
  background-color: #54b765;
  color: #fff;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC .fc-event.unavailable .fc-content {
  background-color: #a1afc0;
  color: #fff;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerFC .fc-event {
    width: 99%;
    margin-bottom: 1px;
  }
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerLegends {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  padding: 30px 0 10px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerLegends .legend-selected {
  border: 2px solid #253b56;
  display: inline-block;
  height: 20px;
  width: 20px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerLegends .legend-available {
  background-color: #54b765;
  border: 2px solid transparent;
  display: inline-block;
  height: 20px;
  width: 20px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerLegends .legend-unavailable {
  background-color: #a1afc0;
  border: 2px solid transparent;
  display: inline-block;
  height: 20px;
  width: 20px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerLegends .media-table > .media-left {
  display: block;
  float: left;
  padding-right: 5px;
  margin-right: 0;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerLegends .media-table > .media-body {
  display: block;
  float: none;
  overflow: hidden;
  zoom: 1;
  width: auto;
}

@-moz-document url-prefix() {
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerLegends .media-table > .media-left {
    display: table-cell;
    float: none;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerLegends .media-table > .media-body {
    display: table-cell;
    float: none;
    overflow: visible;
  }
}

@media (min-width: 768px) {
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerLegends .dvcss-row {
    margin-left: -35px;
    margin-right: -35px;
    white-space: nowrap;
    text-align: center;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerLegends .col-xs-4 {
    display: inline-block;
    float: none;
    margin-right: -4px;
    padding: 0 35px;
    text-align: left;
    vertical-align: top;
    white-space: normal;
    width: auto;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerLegends .legend-selected,
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerLegends .legend-available,
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerLegends .legend-unavailable {
    width: 35px;
  }
}

@media (max-width: 767px) {
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerLegends {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    padding-top: 15px;
    padding-left: 4px;
    padding-right: 4px;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerLegends .media-table > .media-body {
    padding-top: 3px;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerLegends .dvcss-row {
    margin-left: -10px;
    margin-right: -10px;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilityDatepickerLegends .col-xs-4 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilitySelectionSummary {
  background-color: #ebf6fc;
  border-radius: 4px;
  margin-top: 30px;
  margin-bottom: 10px;
  padding: 20px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilitySelectionSummary > .media-table > .media-right {
  vertical-align: middle;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilitySelectionSummary > .media-table > .media-right .btn {
  border-radius: 4px;
  padding: 15px;
  width: 200px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilitySelectionSummary .form-group {
  margin-bottom: 0;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilitySelectionSummary .media-title {
  font-family: Avenir,Helvetica,Arial,sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilitySelectionSummary .control-label {
  font-family: Avenir-heavy,Helvetica,Arial,sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilitySelectionSummary .form-control-static {
  font-family: Avenir-roman,Helvetica,Arial,sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 0;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilitySelectionSummary .dvcss-row {
  margin-left: -10px;
  margin-right: -10px;
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilitySelectionSummary .col-xs-12 {
  padding-left: 10px;
  padding-right: 10px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilitySelectionSummary .media-title {
    margin-bottom: 10px;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilitySelectionSummary .dvcss-row {
    margin-left: 7.5px;
    margin-right: 7.5px;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilitySelectionSummary .col-xs-12 {
    padding-left: 7.5px;
    padding-right: 7.5px;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilitySelectionSummary .col-sm-12 .col-inner {
    min-width: 325px;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilitySelectionSummary .col-sm-3 {
    width: 28.09%;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilitySelectionSummary .col-sm-3 .col-inner {
    min-width: 85px;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilitySelectionSummary .col-sm-3 .form-control-static {
    white-space: nowrap;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilitySelectionSummary .col-sm-5 {
    width: 39.33%;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilitySelectionSummary .col-sm-5 .col-inner {
    min-width: 125px;
  }
}

@media (max-width: 767px) {
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilitySelectionSummary {
    margin-left: 4px;
    margin-right: 4px;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilitySelectionSummary > .media-table > .media-body,
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilitySelectionSummary > .media-table > .media-right {
    display: block;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilitySelectionSummary > .media-table > .media-right {
    margin-top: 25px;
    padding-left: 0;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilitySelectionSummary > .media-table > .media-right .btn {
    display: block;
    width: 100%;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilitySelectionSummary .media-title {
    margin-bottom: 20px;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilitySelectionSummary .form-group {
    margin-top: 10px;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilitySelectionSummary .checkDatesSummaryCol .col-inner {
    margin-left: -10px;
    margin-right: -10px;
    white-space: nowrap;
  }
  #resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem .resultsItemAvailability .resultsItemAvailabilitySelectionSummary .checkDatesSummaryCol .form-group {
    margin-top: 0;
    display: inline-block;
    margin-right: -4px;
    padding-left: 10px;
    padding-right: 10px;
    white-space: normal;
  }
}

#resortAvailabilityToolSearchResultsPage .resultsSection .resultsList .resultsItem:last-child .resultsItemAvailability .resultsItemAvailabilityShowMore .btn {
  margin-bottom: 10px;
}

/**************************************************
 * (c) Disney.  All rights reserved.
 *
 * $Author: jovaldez $
 * $Revision: #1 $
 * $Change: 1636314 $
 * $Date: 2017/12/29 $
 **************************************************/
.combined-form-page {
  /* Overrides */
}

.combined-form-page .innerContentMedia {
  max-width: 100%;
}

.combined-form-page .innerContentMedia img {
  width: 100%;
}

.combined-form-page .innerContentMedia img.lazy {
  width: auto;
  margin: 0 auto;
}

.combined-form-page .panel-body {
  text-align: center;
  padding-top: 0px !important;
}

.combined-form-page .sub-text {
  font-size: 20px;
  font-family: Avenir-light, Helvetica, Arial, sans-serif !important;
}

.combined-form-page .dvcss-hr-faded {
  margin: 40px 0;
}

.combined-form-page .dvui-bg-white #disclaimer-container .socialMediaAndNoticeContainer {
  border-radius: 0;
}

.combined-form-page .uiPlus .formInputElement {
  margin: 0;
}

.combined-form-page .selectBox .select-value {
  display: block;
}

.combined-form-page .selectBox .select-toggle {
  margin-top: 0;
}

.combined-form-page #state-wrapper .select-toggle,
.combined-form-page #province-wrapper .select-toggle {
  margin-top: 2px;
}

.combined-form-page #ageVerification-validationError {
  margin-top: 5px;
}

.combined-form-page h1.section-header {
  margin: 0 0 32px;
  font-size: 36px;
  line-height: 48px;
}

.combined-form-page h2.section-header {
  margin: 0 0 27px;
  font-size: 24px;
  line-height: 32px;
}

.combined-form-page h2.section-text {
  text-align: center;
  margin-top: 32px;
  padding: 0px 200px 0px 200px;
  font-size: 24px;
  line-height: 32px;
}

.combined-form-page h3.section-text {
  text-align: center;
  margin-top: 32px;
  padding: 0px 200px 0px 200px;
  font-size: 20px;
  line-height: 28px;
}

.combined-form-page .dvui-fieldset-row {
  margin-bottom: 5px;
}

.combined-form-page .dvcss-container {
  margin: 50px auto 52px;
}

.combined-form-page label,
.combined-form-page label.required:after,
.combined-form-page .active label,
.combined-form-page .active label.required:after {
  color: #78899E;
}

.combined-form-page label.hasErrors {
  color: #FF4605;
}

.combined-form-page .dvui-breadcrumb > li {
  color: #253B56;
}

.combined-form-page .dvui-breadcrumb > li > a {
  color: #00739a;
}

.combined-form-page .dvui-breadcrumb > li > a:hover,
.combined-form-page .dvui-breadcrumb > li > a:focus,
.combined-form-page .dvui-breadcrumb > li > a:visited {
  color: #00739a;
  text-decoration: underline;
}

.combined-form-page .peptasia-dvd-new {
  background: transparent url("/media/dvc_site/images/dvd-order-active.png") no-repeat 0 0;
  height: 39px;
  width: 40px;
  background-size: 100% 100%;
}

.combined-form-page #leadOptions a.active .peptasia-dvd-new {
  background: transparent url("/media/dvc_site/images/dvd-order-white.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.combined-form-page label.slide-down {
  z-index: 0;
}

.combined-form-page .richCheckBox {
  display: block;
  float: left;
}

.combined-form-page .richCheckBox + label {
  display: block;
  margin-left: 30px;
  margin-top: 5px;
}

.combined-form-page #ptc-us {
  color: #A1AFC0;
  font-size: 12px;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif !important;
}

@media (max-width: 767px) {
  .combined-form-page #state-wrapper .select-toggle,
  .combined-form-page #province-wrapper .select-toggle {
    padding: 19px;
  }
}

.combined-form-page .storyCardBlock .col-sm-6 {
  padding-right: 15px;
  padding-left: 15px;
}

.combined-form-page .image-container {
  max-width: 436px;
  max-height: 244px;
  overflow: hidden;
}

@media screen and (max-width: 736px) {
  #combinedFormPage .content-section, .combined-form-page .content-section {
    display: inline-block;
    text-align: left;
  }
  #combinedFormPage #leadOptions, .combined-form-page #leadOptions {
    padding: 10px 0 0 !important;
  }
  #combinedFormPage .dvcss-container, .combined-form-page .dvcss-container {
    margin: 27px auto 52px;
  }
  #combinedFormPage .section-header, .combined-form-page .section-header {
    font-size: 24px;
    font-weight: bold;
    font-family: Avenir-black, Helvetica, Arial, sans-serif !important;
    line-height: 32px;
    margin: 0px;
  }
  #combinedFormPage .section-text, #combinedFormPage h2, .combined-form-page .section-text, .combined-form-page h2 {
    font-size: 20px;
    font-family: Avenir-light, Helvetica, Arial, sans-serif !important;
    text-align: left;
    padding: 0px;
    margin-top: 10px;
  }
  #combinedFormPage #leadSelection, .combined-form-page #leadSelection {
    text-align: left;
  }
  #combinedFormPage #leadSelection #leadOptions .lead-option, .combined-form-page #leadSelection #leadOptions .lead-option {
    font-size: 24px;
    font-weight: bold;
    font-family: Avenir-black, Helvetica, Arial, sans-serif !important;
  }
  #combinedFormPage .modal .modal-body .modal-image, .combined-form-page .modal .modal-body .modal-image {
    display: none;
  }
  #combinedFormPage .modal .modal-body .modal-image-mobile, .combined-form-page .modal .modal-body .modal-image-mobile {
    width: 100%;
    display: block;
  }
}

/** Overrides **/
#combinedFormPage {
  /** Error State **/
  /** End Error State **/
}

#combinedFormPage .image-hero-media {
  position: relative;
}

#combinedFormPage .image-hero-media .hero-media-text {
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0 10px;
  width: 100%;
  box-sizing: border-box;
}

#combinedFormPage .image-hero-media h1, #combinedFormPage .image-hero-media h2 {
  font-family: Avenir-medium, Helvetica, Arial, sans-serif !important;
}

#combinedFormPage .image-hero-media h1 {
  font-size: 42px;
}

#combinedFormPage .image-hero-media.light h1,
#combinedFormPage .image-hero-media.light h2 {
  color: #fff;
}

#combinedFormPage .image-hero-media.dark h1,
#combinedFormPage .image-hero-media.light h2 {
  color: #253B56;
}

#combinedFormPage #leadGenForm .form-field-set {
  width: 335px;
  margin: 0 auto;
}

#combinedFormPage #leadOptions {
  padding: 30px 0 0;
  width: 626px;
  margin: 0 auto;
}

#combinedFormPage #leadOptions .optionsWrapper {
  display: inline-block;
  text-align: left;
}

#combinedFormPage #leadOptions .optionsWrapper .dvcss-pepmdxicon {
  top: 0px;
  font-family: Peptasia-Interactive;
  font-size: 20px;
  color: #64778B;
  line-height: 32px;
}

#combinedFormPage #leadOptions .lead-option {
  font-size: 25px;
  color: #253B56;
}

#combinedFormPage #leadOptions input[type="checkbox"] {
  height: 30px;
  width: 30px;
  margin-right: 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: 3px solid #A1AFC0;
  border-radius: 3px;
  background-color: #FFFFFF;
  cursor: pointer;
  background-color: white;
}

#combinedFormPage #leadOptions input[type="checkbox"]:hover {
  background-color: #CDD4DD;
}

#combinedFormPage #leadOptions input[type="checkbox"]:checked {
  border: none;
}

#combinedFormPage #leadOptions input[type="checkbox"]:checked:before {
  content: '\e241\fe0e';
  font-size: 20px;
  color: #fff;
  background-color: #61941B;
  padding-left: 3px;
  border-radius: 3px;
  border: none;
  width: 30px;
  height: 30px;
  display: inline-block;
  position: absolute;
}

#combinedFormPage #leadOptions .btn {
  display: block;
  border-radius: 800em;
  font-size: 39px;
  line-height: 108px;
  text-align: center;
  padding: 0;
  height: 100px;
  width: 100px;
  margin: 0 auto;
}

#combinedFormPage .field-required {
  font-size: 14px;
  color: #A0AFC1;
  margin-top: 15px;
}

#combinedFormPage .option-title {
  color: #217896;
  margin-top: 8px;
  font-size: 16px;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif !important;
}

#combinedFormPage #bntNext {
  margin-top: 35px;
}

#combinedFormPage #bntNext .btn {
  width: 140px;
}

#combinedFormPage .formSubmit {
  width: 140px;
}

#combinedFormPage #leadOptions .btn:focus {
  outline: none;
}

#combinedFormPage #leadOptions .btn:not(.active):hover,
#combinedFormPage #leadOptions .btn:not(.active):focus {
  border-width: 7px;
  line-height: 98px;
}

#combinedFormPage #leadOptions .btn:not(.active):hover {
  border-color: #253B56;
  color: #003F54;
}

#combinedFormPage #leadOptions .btn.active {
  background: #253b56;
  border-color: #253b56;
  color: #fff;
}

#combinedFormPage #leadOptions div.label-hover {
  color: #253B56;
}

#combinedFormPage .lead-info,
#combinedFormPage .form-field-set {
  text-align: left;
}

#combinedFormPage .uiPlus .zip-code-wrapper {
  text-align: right;
}

#combinedFormPage .uiPlus .zip-code-wrapper label,
#combinedFormPage .field-required {
  text-align: left;
}

#combinedFormPage .formSubmit {
  margin-top: 30px;
}

#combinedFormPage .partialInnerContentHeroMedia h2 {
  margin-bottom: 0;
}

#combinedFormPage .ptc-disclaimer {
  font-family: Avenir-roman, Helvetica, Arial, sans-serif !important;
  color: #A1AFC0;
  font-size: 12px;
  margin-top: 20px;
}

#combinedFormPage .dislaimer-link {
  font-family: Avenir-heavy, Helvetica, Arial, sans-serif !important;
  font-size: 12px;
  margin-left: 10px;
}

#combinedFormPage .verify-age {
  margin: 15px 0;
}

#combinedFormPage .verify-age label {
  line-height: 15px;
}

#combinedFormPage .modal-close-mobile {
  background: none;
  color: #1994D7;
  font-family: pepmdx2 !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  height: 20px;
  width: 20px;
  margin-top: 5px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: left;
}

#combinedFormPage .modal-close-mobile:focus,
#combinedFormPage .modal-close-mobile:hover {
  color: #253b56;
  text-decoration: none;
}

#combinedFormPage .modal-close-mobile:focus {
  outline: dotted thin;
  outline: -webkit-focus-ring-color auto 5px;
  outline-color: #00739a;
  outline-offset: -2px;
}

#combinedFormPage .modal-close-mobile:before {
  content: "\e30d";
  margin-left: -2px;
}

#combinedFormPage .datepickerRangeSwiper {
  margin: 27px 65px 35px;
  width: 520px;
}

#combinedFormPage .datepickerRangeSwiper .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: auto;
}

#combinedFormPage .datepickerRangeSwiper .swiper-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  min-height: 1px;
  height: auto;
  padding: 0 25px;
}

#combinedFormPage .datepickerRangeSwiper .swiper-button-next,
#combinedFormPage .datepickerRangeSwiper .swiper-button-prev {
  background: none;
  color: #1994D7;
  font-family: pepmdx2 !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  height: 20px;
  width: 20px;
  margin-top: -10px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#combinedFormPage .datepickerRangeSwiper .swiper-button-next,
#combinedFormPage .datepickerRangeSwiper .swiper-container-rtl .swiper-button-prev {
  right: -45px;
}

#combinedFormPage .datepickerRangeSwiper .swiper-button-prev,
#combinedFormPage .datepickerRangeSwiper .swiper-container-rtl .swiper-button-next {
  left: -45px;
}

#combinedFormPage .datepickerRangeSwiper .swiper-button-next:hover,
#combinedFormPage .datepickerRangeSwiper .swiper-button-next:focus,
#combinedFormPage .datepickerRangeSwiper .swiper-button-prev:hover,
#combinedFormPage .datepickerRangeSwiper .swiper-button-prev:focus {
  color: #253b56;
  text-decoration: none;
}

#combinedFormPage .datepickerRangeSwiper .swiper-button-next:focus,
#combinedFormPage .datepickerRangeSwiper .swiper-button-prev:focus {
  outline: dotted thin;
  outline: -webkit-focus-ring-color auto 5px;
  outline-color: #00739a;
  outline-offset: -2px;
}

#combinedFormPage .datepickerRangeSwiper .swiper-button-next.swiper-button-disabled,
#combinedFormPage .datepickerRangeSwiper .swiper-button-prev.swiper-button-disabled {
  color: #a1afc0;
  cursor: auto;
  opacity: 1.0;
  pointer-events: none;
}

#combinedFormPage .datepickerRangeSwiper .swiper-button-next:before {
  content: "\e30c";
  margin-left: -2px;
}

#combinedFormPage .datepickerRangeSwiper .swiper-button-prev:before {
  content: "\e30d";
  margin-left: -2px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #combinedFormPage .datepickerRangeSwiper .swiper-slide {
    display: block;
  }
  #combinedFormPage .datepickerRangeSwiper .swiper-body {
    display: block;
    height: 100%;
  }
}

@media (max-width: 767px) {
  #combinedFormPage .datepickerRangeSwiper {
    overflow: hidden;
    margin: 0 -40px;
  }
  #combinedFormPage .datepickerRangeSwiper .swiper-container {
    overflow: visible;
    padding: 0 20px;
  }
  #combinedFormPage .datepickerRangeSwiper .swiper-button-next {
    right: 40px;
  }
  #combinedFormPage .datepickerRangeSwiper .swiper-button-prev {
    left: 40px;
  }
}

#combinedFormPage .datepickerRangeFC {
  min-height: 1px;
  height: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #combinedFormPage .datepickerRangeFC {
    height: 100%;
  }
}

#combinedFormPage .datepickerRangeFC.fc table {
  border-collapse: separate;
  border-spacing: 0;
  min-height: 0;
  margin-bottom: 0;
}

#combinedFormPage .datepickerRangeFC.fc td {
  border-color: #fff;
}

#combinedFormPage .datepickerRangeFC.fc .fc-toolbar {
  margin-bottom: 0;
}

#combinedFormPage .datepickerRangeFC.fc .fc-toolbar .fc-center {
  display: block;
}

#combinedFormPage .datepickerRangeFC.fc .fc-toolbar h2 {
  float: none;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  padding-bottom: 18px;
  text-align: center;
}

#combinedFormPage .datepickerRangeFC.fc .fc-toolbar h2 strong {
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-weight: 600;
}

#combinedFormPage .datepickerRangeFC.fc .fc-view-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

#combinedFormPage .datepickerRangeFC.fc .fc-day-grid-container td {
  border: 0;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}

#combinedFormPage .datepickerRangeFC.fc .fc-day-grid-container td:first-child {
  border-left: 1px solid #fff;
}

#combinedFormPage .datepickerRangeFC.fc .fc-month-view > table > thead > tr > td.fc-widget-header .fc-row.fc-widget-header {
  border-bottom: 1px solid #ddd;
  margin-bottom: 9px;
}

#combinedFormPage .datepickerRangeFC.fc .fc-month-view > table > thead > tr > td.fc-widget-header .fc-row.fc-widget-header table {
  margin-bottom: 9px;
}

#combinedFormPage .datepickerRangeFC.fc .fc-month-view > table > thead > tr > td.fc-widget-header .fc-row.fc-widget-header table th.fc-day-header {
  color: #78899e;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

#combinedFormPage .datepickerRangeFC.fc .fc-row {
  height: auto !important;
}

#combinedFormPage .datepickerRangeFC.fc .fc-row .fc-content-skeleton {
  padding-bottom: 0;
}

#combinedFormPage .datepickerRangeFC.fc .fc-row .fc-content-skeleton table tbody td {
  display: none;
}

#combinedFormPage .datepickerRangeFC.fc .fc-day {
  cursor: pointer;
}

#combinedFormPage .datepickerRangeFC.fc .fc-day:after {
  display: none;
}

#combinedFormPage .datepickerRangeFC.fc .fc-day:hover .fc-day-link,
#combinedFormPage .datepickerRangeFC.fc .fc-day .fc-day-link:focus {
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  border: 2px solid #253b56;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #combinedFormPage .datepickerRangeFC.fc .fc-day:hover .fc-day-link,
  #combinedFormPage .datepickerRangeFC.fc .fc-day .fc-day-link:focus {
    position: relative;
  }
}

@-moz-document url-prefix() {
  #combinedFormPage .datepickerRangeFC.fc .fc-day:hover .fc-day-link,
  #combinedFormPage .datepickerRangeFC.fc .fc-day .fc-day-link:focus {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    width: auto;
  }
}

#combinedFormPage .datepickerRangeFC.fc .fc-day.fc-past {
  cursor: default;
}

#combinedFormPage .datepickerRangeFC.fc .fc-bg .fc-day.fc-before-min-check-in:before {
  background: none;
  border-color: #fff;
}

#combinedFormPage .datepickerRangeFC.fc .fc-day-number {
  background-color: #fff;
  color: #00739a;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  padding: 6px 8px;
  text-align: center;
}

#combinedFormPage .datepickerRangeFC.fc .fc-day-number.selectable {
  background-color: #ebf6fc;
  color: #00739a;
}

#combinedFormPage .datepickerRangeFC.fc .fc-day-number.selected {
  background-color: #00739a;
  color: #fff;
}

#combinedFormPage .datepickerRangeFC.fc .fc-day-number.fc-past,
#combinedFormPage .datepickerRangeFC.fc .fc-day-number.fc-before-min-check-in,
#combinedFormPage .datepickerRangeFC.fc .fc-day-number.fc-after-max-check-in {
  color: #a1afc0;
}

#combinedFormPage .datepickerRangeFC.fc .fc-day-number.fc-after-max-check-in.selectable,
#combinedFormPage .datepickerRangeFC.fc .fc-day-number.fc-after-max-check-in.date-selectable {
  color: #00739a;
}

#combinedFormPage .datepickerRangeFC.fc .fc-day-number.fc-after-max-check-in.selected {
  color: #fff;
}

#combinedFormPage .datepickerRangeFC.fc .fc-day-number.fc-other-month {
  visibility: hidden;
}

#combinedFormPage .date-picker-input-group {
  border-bottom: 2px solid #a1afc0;
  margin: -15px 0 10px;
}

#combinedFormPage .date-picker-input-group .date-input,
#combinedFormPage .date-picker-input-group .spacer {
  display: inline-block;
}

#combinedFormPage .date-picker-input-group .spacer {
  width: 15px;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 10px;
}

#combinedFormPage .date-picker-input-group .date-to label {
  display: none;
}

#combinedFormPage .date-picker-input-group .btn,
#combinedFormPage .date-picker-input-group .btn:focus,
#combinedFormPage .date-picker-input-group .btn:hover {
  display: inline-block;
  width: auto;
  border: none;
  position: absolute;
  top: 15px;
  outline: none;
  padding: 0;
  right: 5px;
}

#combinedFormPage .date-picker-input-group .formInputElement .textInput input,
#combinedFormPage .date-picker-input-group .formInputElement .textInput input:hover,
#combinedFormPage .date-picker-input-group .formInputElement .textInput input:focus {
  border: none !important;
  box-shadow: none;
}

#combinedFormPage .date-picker-input-group label, #combinedFormPage .date-picker-input-group label:after {
  visibility: hidden;
}

#combinedFormPage .date-picker-input-group.hasErrors {
  border-color: #ff4605;
}

#combinedFormPage .date-picker-input-group.hasErrors label {
  color: #FF4605;
}

#combinedFormPage #request-tour-form .section-header {
  margin-bottom: 10px;
}

#combinedFormPage #request-tour-form .dropdown-menu {
  margin: 0 0 20px;
}

#combinedFormPage #request-tour-form .dropdown-menu:after,
#combinedFormPage #request-tour-form .dropdown-menu:before {
  bottom: 100%;
  left: 25%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

#combinedFormPage #request-tour-form .dropdown-menu:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #FFF;
  border-width: 20px;
  margin-left: -20px;
}

#combinedFormPage #request-tour-form .dropdown-menu:before {
  border-color: rgba(161, 175, 192, 0);
  border-bottom-color: #A1AFC0;
  border-width: 21px;
  margin-left: -21px;
}

#combinedFormPage .inlineErrors li {
  margin-left: 10px;
}

#combinedFormPage .modal {
  background: rgba(255, 255, 255, 0.9);
}

#combinedFormPage .modal .modal-content {
  box-shadow: none;
  border-radius: 0;
  border: 2px solid #A1AFC0;
  -webkit-box-shadow: 0;
  text-align: left;
  padding: 10px 20px 30px;
}

#combinedFormPage .modal .modal-body {
  text-align: left;
  padding-top: 0;
  font-size: 16px;
}

#combinedFormPage .modal .modal-dialog {
  top: 35%;
}

#combinedFormPage .modal .close {
  float: right;
  opacity: 1;
  font-size: 30px;
  color: #A1AFC0;
}

#combinedFormPage .modal .modal-header {
  border-bottom: none;
  padding-bottom: 0;
}

#combinedFormPage .modal .modal-title {
  font-family: Avenir-black, Helvetica, Arial, sans-serif !important;
  font-size: 24px;
  margin-bottom: 20px;
}

#combinedFormPage .modal .modal-image {
  display: block;
}

#combinedFormPage .modal .modal-image-mobile {
  display: none;
}

#combinedFormPage .modal .mb-50 {
  margin-bottom: 50px !important;
}

#combinedFormPage .modal .row {
  margin: 0px 0px 0px 0px;
}

#combinedFormPage .modal .row h2, #combinedFormPage .modal .row .subtitle {
  font-size: 17px;
}

#combinedFormPage .modal .row .img {
  width: 90%;
  padding-top: 5px;
}

#combinedFormPage .modal p {
  font-size: smaller;
}

#combinedFormPage .form-field-set .long,
#combinedFormPage .form-field-set .long input {
  width: 100%;
}

#combinedFormPage .form-field-set .medium,
#combinedFormPage .form-field-set .medium input {
  width: 153px;
}

#combinedFormPage .form-field-set .dropdown-menu {
  left: -40%;
  top: 20px;
  position: relative;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  border: 1px solid #A1AFC0;
}

#combinedFormPage h2 {
  font-family: Avenir-black, Helvetica, Arial, sans-serif !important;
}

#combinedFormPage .date-input .medium,
#combinedFormPage .date-input .medium input {
  width: 100px;
}

#combinedFormPage .formInputElement label,
#combinedFormPage .formInputElement label.required:after,
#combinedFormPage .formInputElement.active label,
#combinedFormPage .formInputElement.active label.required:after {
  color: #78899E;
}

#combinedFormPage .uiPlus .textInput input::-webkit-input-placeholder {
  font-style: normal;
  color: #78899E;
}

#combinedFormPage .uiPlus .textInput input:-ms-input-placeholder {
  font-style: normal;
  color: #78899E;
}

#combinedFormPage .uiPlus .textInput input::-moz-placeholder {
  font-style: normal;
  color: #78899E;
}

#combinedFormPage .uiPlus .textInput input:-moz-placeholder {
  font-style: normal;
  color: #78899E;
}

#combinedFormPage .uiPlus .hasErrors .textInput input::-webkit-input-placeholder {
  font-style: normal;
  color: #FF4605;
}

#combinedFormPage .uiPlus .hasErrors .textInput input:-ms-input-placeholder {
  color: #FF4605;
}

#combinedFormPage .uiPlus .hasErrors .textInput input::-moz-placeholder {
  color: #FF4605;
}

#combinedFormPage .uiPlus .hasErrors .textInput input:-moz-placeholder {
  color: #FF4605;
}

#combinedFormPage .uiPlus .hasErrors label,
#combinedFormPage .uiPlus .hasErrors label:after,
#combinedFormPage .uiPlus .hasErrors input,
#combinedFormPage .uiPlus .hasErrors input.hasValue,
#combinedFormPage .uiPlus .hasErrors input:hover,
#combinedFormPage .uiPlus .hasErrors input:focus,
#combinedFormPage .uiPlus .hasErrors i.peptasia,
#combinedFormPage .uiPlus .hasErrors .selectBox .select-toggle > span.select-value,
#combinedFormPage .uiPlus .hasErrors .spacer,
#combinedFormPage .uiPlus .hasErrors .date-picker-input-group {
  color: #FF4605;
  border-color: #FF4605;
}

#combinedFormPage .selectBox.status-has-value .select-toggle > span.select-value,
#combinedFormPage .textInput input.hasValue,
#combinedFormPage .textInput input:focus {
  color: #253B56;
  font-size: 16px;
}

#combinedFormPage .custom-label {
  font-size: 12px;
  margin-left: 10px;
}

#combinedFormPage .selectBox .select-toggle > span.select-value {
  top: 0;
}

@media (max-width: 767px) {
  #combinedFormPage .image-hero-media h1 {
    font-size: 24px;
  }
  #combinedFormPage .image-hero-media h2 {
    font-size: 18px;
  }
  #combinedFormPage #leadGenForm .form-field-set {
    width: 100%;
  }
  #combinedFormPage #leadOptions .btn:not(.active):hover,
  #combinedFormPage #leadOptions .btn:not(.active):focus {
    border-width: 7px;
    line-height: 78px;
  }
  #combinedFormPage #leadOptions .btn {
    width: 80px;
    height: 80px;
    font-size: 39px;
    line-height: 88px;
  }
  #combinedFormPage .form-field-set .medium,
  #combinedFormPage .form-field-set .medium input,
  #combinedFormPage #leadOptions {
    width: 100%;
  }
  #combinedFormPage .content-section {
    padding: 0;
  }
  #combinedFormPage .formSubmit,
  #combinedFormPage #bntNext .btn {
    margin-top: 40px;
    width: 93%;
  }
  #combinedFormPage .sectionPageTitle {
    width: 100%;
  }
  #combinedFormPage .modal {
    background: #fff;
  }
  #combinedFormPage .modal .modal-dialog {
    top: 0;
    margin: 0;
  }
  #combinedFormPage .modal .modal-content {
    border: none;
    padding: 0;
  }
  #combinedFormPage .modal .modal-title {
    font-size: 20px;
    text-align: center;
    line-height: 20px;
  }
  #combinedFormPage .modal .modal-header {
    border-bottom: 1px solid #ECF1F4;
  }
  #combinedFormPage .modal .modal-body {
    padding: 20px;
  }
  #combinedFormPage .form-field-set .medium,
  #combinedFormPage .form-field-set .medium input {
    width: 100%;
  }
  #combinedFormPage .form-field-set .state-wrapper .medium,
  #combinedFormPage .form-field-set .state-wrapper .medium input {
    width: 95%;
  }
  #combinedFormPage .form-field-set .date-input .medium,
  #combinedFormPage .form-field-set .date-input .medium input {
    width: 100px;
  }
  #combinedFormPage .form-field-set .dropdown-menu {
    left: 0;
    top: 100%;
    width: 100%;
    position: relative;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  #combinedFormPage .dropdown-menu:after,
  #combinedFormPage .dropdown-menu:before {
    display: none;
  }
  #combinedFormPage .fc-view-container {
    border: 1px solid #A1AFC0;
    padding: 20px;
  }
  #combinedFormPage .swiper-button-prev {
    position: absolute;
    top: 3%;
    left: 40px;
    display: block;
  }
  #combinedFormPage .swiper-button-next {
    position: absolute;
    top: 3%;
    right: 40px;
    display: block;
  }
  #combinedFormPage .uiPlus .selectBox {
    margin-top: -14px;
  }
  #combinedFormPage .datepickerRangeSwiper {
    width: auto;
    max-width: 520px;
  }
}

#combinedFormConfirmation .sectionPageTitle h1 {
  font-size: 28px;
  color: #253B56;
  margin-top: 15px;
  font-family: Avenir-light, Helvetica, Arial, sans-serif !important;
}

#combinedFormConfirmation .sectionPageTitle .sub-text {
  font-size: 16px;
  color: #253B56;
  line-height: 24px;
  width: 520px;
  margin: 0 auto;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif !important;
}

#combinedFormConfirmation .sectionHeroMedia h2,
#combinedFormConfirmation .storyCardBlock h3 {
  font-family: Avenir-light, Helvetica, Arial, sans-serif !important;
  font-size: 24px;
  line-height: 32px;
  font-weight: normal;
}

#combinedFormConfirmation h3.text-uppercase {
  text-transform: none;
}

#combinedFormConfirmation #primaryPlayer {
  margin: 10px 0;
  width: 940px;
  padding-top: 10px;
  padding-bottom: 0;
}

#combinedFormConfirmation #primaryPlayer .buttonBar {
  width: 100%;
}

#combinedFormConfirmation #primaryPlayer .bottomHolder .fullscreenButton {
  display: block !important;
}

#combinedFormConfirmation #primaryPlayer .mediaEngineContainer {
  min-width: 940px;
}

#combinedFormConfirmation #primaryPlayer .videoPlayer,
#combinedFormConfirmation #primaryPlayer .middleHolder {
  max-width: 100%;
  height: 530px;
}

#combinedFormConfirmation .sectionPageTitle {
  width: 676px;
  margin: 0 auto;
  text-align: center;
}

#combinedFormConfirmation .sectionHeroMedia {
  margin-top: 40px;
}

#combinedFormConfirmation .sectionHeroMedia h2 {
  margin-bottom: 0;
}

#combinedFormConfirmation .storyCardBlock {
  padding-top: 0;
}

#combinedFormConfirmation .storyCardBlock .storyCardDescription {
  padding-top: 20px;
}

#combinedFormConfirmation .membership-offers {
  padding: 40px 0;
  background-color: #0F7498;
  color: #fff;
  margin-bottom: 100px;
}

#combinedFormConfirmation .membership-offers h2 {
  color: #fff;
  font-family: Avenir-black, Helvetica, Arial, sans-serif !important;
  font-size: 24px;
  margin: 5px 0;
  text-align: center;
}

#combinedFormConfirmation .membership-offers p {
  width: 80%;
  margin: 0 auto 20px;
  font-size: 16px;
  font-family: Avenir-heavy, Helvetica, Arial, sans-serif !important;
}

#combinedFormConfirmation .membership-offers .btn-secondary {
  background-color: #0F7498;
  border-color: #ccc;
  color: #fff;
  width: 140px;
  border-radius: 0;
}

#combinedFormConfirmation .subHeroMediaContent .horizontalSeparator {
  display: none;
}

#combinedFormConfirmation .dvcss-thumbnail .caption {
  text-align: left;
  margin-right: 0;
}

#combinedFormConfirmation .dvcss-thumbnail .caption-title {
  font-size: 16px;
  color: #253B56;
}

#combinedFormConfirmation .dvcss-thumbnail .caption-desc,
#combinedFormConfirmation .dvcss-thumbnail .caption-desc .pageLess {
  color: #253B56;
}

#combinedFormConfirmation .dvcss-thumbnail div > img {
  width: 100%;
}

@media screen and (min-width: 501px) and (max-width: 1023px) {
  #combinedFormConfirmation #primaryPlayer {
    width: 100%;
  }
  #combinedFormConfirmation #primaryPlayer .mediaEngineContainer {
    min-width: fit-content;
  }
}

@media (max-width: 767px) {
  #combinedFormConfirmation .innerContentWrapper {
    padding: 0;
  }
  #combinedFormConfirmation .mainContentPage {
    padding: 40px 20px;
  }
  #combinedFormConfirmation #primaryPlayer {
    width: 100%;
  }
  #combinedFormConfirmation #primaryPlayer .mediaEngineContainer {
    min-width: 100%;
  }
  #combinedFormConfirmation #primaryPlayer .videoPlayer,
  #combinedFormConfirmation #primaryPlayer .middleHolder {
    max-width: 100%;
    height: 406px;
  }
  #combinedFormConfirmation #primaryPlayer .bottomHolder {
    margin: 0 3px;
  }
  #combinedFormConfirmation #primaryPlayer .thumbnailHolder {
    width: 100% !important;
  }
  #combinedFormConfirmation .sectionPageTitle {
    width: 100%;
  }
  #combinedFormConfirmation .sectionPageTitle h1 {
    margin-top: 0;
  }
  #combinedFormConfirmation .sectionPageTitle .sub-text {
    width: 100%;
  }
  #combinedFormConfirmation .storyCardBlock h3 {
    margin-bottom: 0;
  }
  #combinedFormConfirmation .storyCardBlock .storyCardDescription {
    padding-top: 0;
  }
  #combinedFormConfirmation .membership-offers .btn-secondary {
    width: 90%;
  }
  #combinedFormConfirmation .dvcss-thumbnail .caption {
    margin-right: 30px;
  }
  #combinedFormConfirmation .dvcss-thumbnail .caption .caption-caret {
    right: -30px;
  }
  #combinedFormConfirmation .selectBox .select-toggle {
    margin-top: 0;
  }
}

/**************************************************
 * $File: //p4-wdpro/Projects/Sites/DVC-Site/main-3.1/web-app/src/public/media/dvc_site/css/pages/modals/_modal-generic.scss $
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1636314 $
 * $Date: 2016/07/28 $
 **************************************************/
.dvcGlobalModalGeneric .modal-header {
  font-family: Avenir-light, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.dvcGlobalModalGeneric .modal-title {
  font-family: Avenir-light, Helvetica, Arial, sans-serif;
  font-size: 28px;
  line-height: 35px;
  margin-bottom: 15px;
}

.dvcGlobalModalGeneric .modal-title small {
  margin-top: 16px;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 15px;
}

.dvcGlobalModalGeneric .modal-sm .modal-middle {
  max-width: 400px;
}

.dvcGlobalModalGeneric .modal-footer .btn {
  min-width: 160px;
}

@media screen and (max-width: 767px) {
  .dvcGlobalModalGeneric .modal-title {
    font-size: 24px;
    line-height: 30px;
  }
  .dvcGlobalModalGeneric .modal-title small {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
  }
  .dvcGlobalModalGeneric .modal-sm .modal-middle {
    max-width: none;
  }
  .dvcGlobalModalGeneric .modal-footer {
    padding: 0;
  }
  .dvcGlobalModalGeneric .modal-xs-fullscreen .modal-footer .modal-footer-body {
    padding: 20px;
  }
}

.dvcGlobalModalGeneric .section {
  margin-bottom: 30px;
}

.dvcGlobalModalGeneric .section .section-title {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
  margin-bottom: 10px;
}

.dvcGlobalModalGeneric .section .form-control-static {
  word-break: break-word;
  word-wrap: break-word;
}

@media screen and (max-width: 767px) {
  .dvcGlobalModalGeneric .section .section-title {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    max-width: none;
  }
}

/**************************************************
 * $File: //p4-wdpro/Projects/Sites/DVC-Site/main-3.1/web-app/src/public/media/dvc_site/css/pages/modals/_saved-payment-methods-modal.scss $
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1636314 $
 * $Date: 2016/07/28 $
 **************************************************/
.savedPaymentMethodsModal .modal-header {
  border-bottom: 0;
  margin-bottom: 0;
  padding: 23px 20px 20px;
}

.savedPaymentMethodsModal .modal-header p {
  margin-bottom: 0;
}

.savedPaymentMethodsModal .modal-body {
  padding: 0 20px;
}

.savedPaymentMethodsModal .section .section-body ul.list-unstyled {
  margin-right: 0;
  margin-bottom: 0;
}

.savedPaymentMethodsModal .section .section-body ul.list-unstyled .list-item-inner {
  padding: 15px 0;
}

.savedPaymentMethodsModal .section .section-body ul.list-unstyled .list-item-inner .control-label strong {
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.savedPaymentMethodsModal .section .section-body ul.list-unstyled .list-item-inner .form-control-static {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.savedPaymentMethodsModal .section .section-body ul.list-unstyled .list-item-inner .form-control-static.text-muted small {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
}

.savedPaymentMethodsModal .section .section-body ul.list-unstyled .list-item-inner > .media > .media-left {
  margin-right: 10px;
}

.savedPaymentMethodsModal .section .section-body ul.list-unstyled .list-item-inner .media-heading {
  margin-bottom: 0;
}

.savedPaymentMethodsModal .section .section-body ul.list-unstyled .form-control-static {
  padding: 0;
}

.savedPaymentMethodsModal .modal-footer {
  border: 0;
  padding-left: 20px;
  padding-right: 20px;
}

@media screen and (max-width: 767px) {
  .savedPaymentMethodsModal .modal-xs-fullscreen .modal-body {
    padding: 0 20px;
  }
  .savedPaymentMethodsModal .modal-header {
    padding-bottom: 25px;
  }
  .savedPaymentMethodsModal .modal-title {
    margin-bottom: 10px;
  }
  .savedPaymentMethodsModal .modal-header p {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 100;
    line-height: 15px;
  }
}

.savedPaymentMethodsModal .section {
  margin-bottom: 0;
}

.savedPaymentMethodsModal .section + .section {
  margin-top: 40px;
}

.savedPaymentMethodsModal .section .section-title {
  font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .savedPaymentMethodsModal .section + .section {
    margin-top: 35px;
  }
  .savedPaymentMethodsModal .section .section-title {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 100;
    line-height: 25px;
    margin-bottom: 0;
  }
}

.savedPaymentMethodsModal .ccOnFileSection .section-title {
  margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
  .savedPaymentMethodsModal .ccOnFileSection .section-title {
    margin-bottom: 0;
  }
}

/**************************************************
 * Dues Autopay Modal Page - dues-autopay-modal.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #38 $
 * $Change: 1641104 $
 * $Date: 2016/08/10 $
 **************************************************/
#suspendAutopayModal .modal-middle {
  max-width: 660px;
}

#suspendAutopayModal .modal-header .modal-header-inner {
  padding: 0;
}

#suspendAutopayModal .modal-title {
  font-family: Avenir-light, Helvetica, Arial, sans-serif;
  font-size: 28px;
  line-height: 35px;
  margin-bottom: 15px;
}

#suspendAutopayModal .modal-title small {
  margin-top: 16px;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 15px;
}

#suspendAutopayModal .modal-body {
  padding: 0 30px;
}

#suspendAutopayModal .modal-footer {
  padding-right: 29px;
}

#suspendAutopayModal .modal-footer .btn-wrapper .btn {
  min-width: 160px;
}

#suspendAutopayModal .modal-footer .btn-wrapper + .btn-wrapper > .btn {
  margin-left: 12px;
  margin-bottom: 0;
}

/* Mobile only */
@media screen and (max-width: 767px) {
  #suspendAutopayModal .modal-content {
    overflow-x: hidden;
  }
  #suspendAutopayModal .modal-header {
    padding: 15px 19px 0;
  }
  #suspendAutopayModal .modal-title {
    font-size: 24px;
    line-height: 30px;
  }
  #suspendAutopayModal .modal-title small {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    padding-left: 10px;
  }
  #suspendAutopayModal .modal-body {
    padding: 0 19px;
  }
  /* Modal Footer */
  #suspendAutopayModal .modal-footer-faded .modal-footer-body {
    padding: 0px 4px 5px !important;
  }
  #suspendAutopayModal .modal-footer-faded .modal-footer-body .modal-footer-inner {
    padding-top: 5px;
  }
  #suspendAutopayModal .modal-footer .dvcss-hr-faded {
    display: none;
  }
  #suspendAutopayModal .modal-footer .modal-footer-inner {
    display: table !important;
    border-collapse: separate;
    border-spacing: 15px;
    width: 100%;
  }
  #suspendAutopayModal .modal-footer .modal-footer-inner > .btn-wrapper:first-child {
    display: table-cell;
    width: 33%;
  }
  #suspendAutopayModal .modal-footer .modal-footer-inner > .btn-wrapper:last-child {
    display: table-cell;
    width: 66%;
  }
  #suspendAutopayModal .modal-footer .modal-footer-inner > .btn-wrapper:first-child > button {
    min-width: auto;
  }
  #suspendAutopayModal .modal-footer .modal-footer-inner > .btn-wrapper:last-child > button {
    margin-left: 0;
  }
  #suspendAutopayModal .modal-footer .modal-footer-inner > .btn-wrapper > button {
    width: 100%;
  }
}

/*
|-----------------------------------------------------------------------------------------------
| Section General Styles
|-----------------------------------------------------------------------------------------------
|
*/
#suspendAutopayModal .section-inner {
  padding: 30px 0 40px;
}

#suspendAutopayModal .section-title {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
  margin-bottom: 10px;
  max-width: 415px;
}

#suspendAutopayModal .section-header p {
  font-family: Avenir-light, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
  max-width: 415px;
}

/* Mobile only */
@media screen and (max-width: 767px) {
  #suspendAutopayModal .section-header p {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 15px;
    max-width: none;
  }
  #suspendAutopayModal .section-title {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    max-width: none;
  }
}

/*
|-----------------------------------------------------------------------------------------------
| Draft Frequency Section
|-----------------------------------------------------------------------------------------------
|
*/
#suspendAutopayModal .draftFrequencySection .section-inner {
  padding-top: 0;
}

#suspendAutopayModal .draftFrequencySection .section-header {
  margin-bottom: 30px;
}

/*** Form ***/
#suspendAutopayModal .draftFrequencySection .form-inline .form-group label {
  display: block;
}

#suspendAutopayModal .draftFrequencySection .form-inline .formInputElement .selectBox {
  width: 170px;
}

#suspendAutopayModal .draftFrequencySection .form-inline .formInputElement .selectBox.monthly {
  width: 100px;
}

/* Desktop / Tablet only */
@media screen and (min-width: 768px) {
  #suspendAutopayModal .draftFrequencySection .form-inline .form-group {
    margin-right: 18px;
  }
}

/* Mobile only */
@media screen and (max-width: 767px) {
  #suspendAutopayModal .draftFrequencySection .form-inline .form-row {
    margin-right: -4px;
    margin-left: -4px;
  }
  #suspendAutopayModal .draftFrequencySection .form-inline .form-row:before,
  #suspendAutopayModal .draftFrequencySection .form-inline .form-row:after {
    display: table;
    content: " ";
  }
  #suspendAutopayModal .draftFrequencySection .form-inline .form-row:after {
    clear: both;
  }
  #suspendAutopayModal .draftFrequencySection .form-inline .form-row .form-group {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 6px;
    padding-left: 6px;
    width: 40%;
  }
  #suspendAutopayModal .draftFrequencySection .form-inline .form-row .form-group:first-child {
    width: 60%;
  }
  #suspendAutopayModal .draftFrequencySection .form-inline .formInputElement .selectBox {
    width: 100%;
  }
}

/*** Edit Autopay Static ***/
#suspendAutopayModal .draftFrequencySection .section-body > .editAutopayFormStatic {
  margin-bottom: -5px;
}

#suspendAutopayModal .draftFrequencySection .section-body > .editAutopayFormStatic > .media-right {
  padding-top: 28px;
}

#suspendAutopayModal .draftFrequencySection .section-body > .editAutopayFormStatic > .media-right a {
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

#suspendAutopayModal .draftFrequencySection .section-body > .editAutopayFormStatic .form-inline .form-row {
  margin-bottom: 0;
}

#suspendAutopayModal .draftFrequencySection .section-body > .editAutopayFormStatic .form-inline .form-group .control-label {
  display: block;
  color: #253b56;
  font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  margin-bottom: 7px;
}

#suspendAutopayModal .draftFrequencySection .section-body > .editAutopayFormStatic .form-inline .form-group .form-control-static {
  display: block;
  padding: 0;
  color: #253b56;
  font-family: Avenir-light, Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 100;
  line-height: 25px;
}

/* Mobile only */
@media screen and (max-width: 767px) {
  #suspendAutopayModal .draftFrequencySection .section-body > .editAutopayFormStatic > .media-body {
    display: block;
  }
  #suspendAutopayModal .draftFrequencySection .section-body > .editAutopayFormStatic > .media-right {
    display: block;
    padding-top: 20px;
    padding-left: 0;
  }
  #suspendAutopayModal .draftFrequencySection .section-body > .editAutopayFormStatic .form-inline .form-row .form-group:first-child {
    width: 40%;
  }
}

/*** Contract Info ***/
#suspendAutopayModal .draftFrequencySection .contractInfo {
  margin-top: 35px;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

#suspendAutopayModal .draftFrequencySection .contractInfo > .media > .media-body {
  padding-top: 5px;
}

#suspendAutopayModal .draftFrequencySection .contractInfo > .media > .media-body strong {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  font-weight: 600;
}

#suspendAutopayModal .draftFrequencySection .contractInfo > .media > .media-right {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
}

#suspendAutopayModal .draftFrequencySection .contractInfo > .media > .media-right strong {
  font-family: Avenir-light, Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 25px;
}

/* Mobile only */
@media screen and (max-width: 767px) {
  #suspendAutopayModal .draftFrequencySection .contractInfo {
    margin-top: 25px;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
  }
  #suspendAutopayModal .draftFrequencySection .contractInfo > .media > .media-body {
    padding-top: 0;
  }
  #suspendAutopayModal .draftFrequencySection .contractInfo > .media > .media-body > div + div {
    margin-top: 10px;
  }
  #suspendAutopayModal .draftFrequencySection .contractInfo > .media > .media-body strong {
    display: block;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-weight: 600;
  }
  #suspendAutopayModal .draftFrequencySection .contractInfo > .media > .media-right {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
  }
  #suspendAutopayModal .draftFrequencySection .contractInfo > .media > .media-right strong {
    display: block;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 30px;
    margin-top: 10px;
  }
}

/*
|-----------------------------------------------------------------------------------------------
| Loading
|-----------------------------------------------------------------------------------------------
|
*/
#suspendAutopayModal .is-loading-shown {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  text-align: center;
}

#suspendAutopayModal .is-loading-shown .is-loading-mask {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
  background: #fff;
  border-radius: 12px;
  opacity: .5;
}

#suspendAutopayModal .is-loading-shown img {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  margin-top: -50px;
  margin-left: -50px;
}

/*
|-----------------------------------------------------------------------------------------------
| Inline Errors
|-----------------------------------------------------------------------------------------------
|
*/
#suspendAutopayModal .draftFrequencySection .section-inner > .paymentErrorContainer .has-error {
  margin-bottom: 30px;
}

#suspendAutopayModal .draftFrequencySection .section-inner > .paymentErrorContainer .has-error .dvcss-form-list-left {
  float: left;
  margin-right: 6px;
}

#suspendAutopayModal .draftFrequencySection .section-inner > .paymentErrorContainer .has-error .dvcss-form-list-left > i {
  top: -8px;
  font-size: 21px;
}

#suspendAutopayModal .draftFrequencySection .section-inner > .paymentErrorContainer .has-error .dvcss-form-list-body > .dvcss-form-list-title > h4 {
  margin-bottom: 8px;
  font-size: 14px;
  color: #ff4605;
}

#suspendAutopayModal .draftFrequencySection .section-inner > .paymentErrorContainer .has-error .dvcss-form-list-body > .dvcss-form-list-title > ul {
  padding-left: 15px;
  margin-bottom: 10px;
}

#suspendAutopayModal .draftFrequencySection .section-inner > .paymentErrorContainer .has-error .dvcss-form-list-body > .dvcss-form-list-title > ul > li {
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

/*
|-----------------------------------------------------------------------------------------------
| Suspend Autopay Section
|-----------------------------------------------------------------------------------------------
|
*/
#suspendAutopayModal .suspendAutopaySection .modal-title {
  max-width: 415px;
}

/* Mobile only */
@media screen and (max-width: 767px) {
  #suspendAutopayModal .suspendAutopaySection .modal-title {
    max-width: none;
  }
}

#prospectsPages {
  /* Button States */
  /* List */
  /* Page  Intro Module */
  /* Member Hub Page Intro Module */
  /** .memberCruise **/
  /** .memberCruise --END-- **/
  /** .memberDiscover **/
  /* Member Hub Video Block Module */
  /* Tabbed Steps Module*/
  /* Basic Module */
  /* Prospects Navigation Module */
  /* End PRospect Nav */
  /* listing module */
  /* listing module --end-- */
  /* Featured Story Card */
  /* End Featured Story Card */
  /* vanity footer */
  /* vanity footer --end-- */
  /* disclaimer */
  /* disclaimer --end-- */
  /* preview center story card */
  /* preview center story card --end-- */
  /* separated story card */
  /* separated story card --end-- */
  /* collapse box */
  /* Animated Box Module */
  /* CTA Module */
  /* End CTA Module */
  /* Member Hub Help and Support */
  /* End of Member Hub Help and Support */
  /* Member Hub Benefits Overview */
  /* End of Member Hub Benefits Overview */
  /* Member Hub Banner CTA */
  /* End of Member Hub Banner CTA */
}

#prospectsPages a:focus,
#prospectsPages button:focus {
  outline: #000 dotted 1px;
  outline-offset: 2px;
}

#prospectsPages .drawerCollapseIcon:focus {
  outline: #000 dotted 1px;
  outline-offset: 2px;
}

#prospectsPages .btn-primary {
  background: #00739A;
  border-radius: 3px;
  font-family: Avenir-heavy,Helvetica,Arial,sans-serif;
  font-size: 16px;
  color: #FFFFFF;
  cursor: pointer;
  text-align: center;
}

#prospectsPages .btn-primary:hover,
#prospectsPages .btn-primary:focus {
  background: #003F54 !important;
  border-color: #003F54 !important;
}

#prospectsPages .btn-primary:active {
  background: #00739A;
}

#prospectsPages .btn-primary.disabled,
#prospectsPages .btn-primary.disabled:hover,
#prospectsPages .btn-primary.disabled:active {
  background: #BADFF3;
  cursor: default;
}

#prospectsPages .btn-info {
  background: transparent;
  border: 2px solid #00739A;
  border-radius: 3px;
  font-family: Avenir-heavy,Helvetica,Arial,sans-serif;
  font-size: 16px;
  color: #00739A;
  cursor: pointer;
  text-align: center;
}

#prospectsPages .btn-info:hover,
#prospectsPages .btn-info:focus {
  background: #003F54 !important;
  color: #FFFFFF !important;
  border-color: #003F54 !important;
}

#prospectsPages .btn-info:active {
  background: #00739A !important;
  color: #FFFFFF !important;
  border-color: #00739A !important;
}

#prospectsPages .btn-info.disabled,
#prospectsPages .btn-info.disabled:hover,
#prospectsPages .btn-info.disabled:active {
  background: #FFFFFF;
  border: 2px solid #BADFF3;
  color: #BADFF3;
  cursor: default;
}

#prospectsPages .breadcrumb-container {
  position: absolute;
  width: 100%;
}

#prospectsPages .breadcrumb-container .breadcrumb {
  margin: 0 auto;
  margin-top: 29px;
  position: relative;
  z-index: 999;
  max-width: 940px;
}

#prospectsPages .breadcrumb-container .breadcrumb li.breadcrumb-separator {
  font-size: 10px;
  color: #fff;
  padding-bottom: 2px;
  opacity: 1;
}

#prospectsPages .breadcrumb-container .breadcrumb a {
  font-size: 14px;
  color: #ffffff;
}

#prospectsPages .breadcrumb-container .breadcrumb .pepMdxIcon {
  font-size: 12px;
}

#prospectsPages .container-fluid {
  max-width: 940px;
  margin: 0 auto;
  padding: 0;
}

#prospectsPages.membership-cost-module {
  margin-top: 60px;
  margin-bottom: 50px;
}

#prospectsPages.membership-cost-module .prospects-disclaimer {
  margin-top: 60px;
}

#prospectsPages .modules a {
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #0079BC;
  letter-spacing: 0;
  text-align: center;
  line-height: 22px;
  vertical-align: baseline;
}

#prospectsPages .modules p > a {
  font-size: 14px;
}

#prospectsPages .module-title {
  font-family: Avenir-Heavy, Helvetica, Arial, sans-serif;
  font-size: 32px;
  color: #00233C;
  letter-spacing: 0;
  text-align: center;
  line-height: 32px;
  margin: 0;
}

#prospectsPages .sub-title {
  font-family: Avenir-heavy,Helvetica,Arial,sans-serif;
  font-size: 18px;
  color: #00233C;
  letter-spacing: 0;
  text-align: center;
  line-height: 24px;
  margin: 0;
}

#prospectsPages .module-description {
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #00233C;
  letter-spacing: 0;
  text-align: center;
  line-height: 24px;
}

#prospectsPages .copy-centered {
  max-width: 750px;
  display: block;
  margin: 20px auto !important;
  text-align: center !important;
}

#prospectsPages h2.copy-centered,
#prospectsPages div.module-description.copy-centered {
  margin-top: 0px !important;
}

#prospectsPages div.copy-centered,
#prospectsPages p.copy-centered {
  margin-bottom: 0px !important;
}

#prospectsPages .story-card-description {
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #00233C;
  letter-spacing: 0;
  text-align: center;
  line-height: 24px;
}

#prospectsPages .child-story-card .caption-title,
#prospectsPages .featured-card-title {
  font-family: Avenir-heavy,Helvetica,Arial,sans-serif;
  font-size: 16px;
  color: #00233C;
  line-height: 24px;
  text-align: left;
}

#prospectsPages [data-icon]:before {
  font-family: pepmdx2 !important;
  content: attr(data-icon);
  speak: none;
}

#prospectsPages .hero-media {
  position: relative;
}

#prospectsPages .hero-media .hero-image {
  height: 70vh;
  object-fit: cover;
  object-position: top;
}

#prospectsPages .hero-media-icon {
  border-radius: 50%;
  width: 82px;
  height: 82px;
  background: #00233C;
  border: 8px solid #fff;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -40px;
}

#prospectsPages .hero-media-icon.hub-page {
  background: #ffffff;
  width: 117px;
  height: 117px;
  bottom: -58px;
}

#prospectsPages .hero-media-icon.hub-page .member-hub-hero-icon {
  width: 65px;
  padding-top: 15px;
  position: relative;
  left: -2%;
}

#prospectsPages .hero-media-icon .icon {
  color: #fff;
  font-size: 35px;
  line-height: 70px;
}

#prospectsPages .member-hub-disclaimer {
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
  margin: 40px auto 80px;
}

#prospectsPages .member-hub-disclaimer.container-fluid {
  max-width: 1100px;
}

#prospectsPages .member-hub-disclaimer .disclaimer-header {
  font-family: Avenir-Heavy, Helvetica, Arial, sans-serif;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 10px;
  margin-top: 25px;
}

#prospectsPages .member-hub-disclaimer .disclaimer-content {
  font-family: Avenir-Roman, Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 25px;
}

#prospectsPages .member-hub-in-between-disclaimer {
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
  margin: 40px auto 20px !important;
}

#prospectsPages .member-hub-in-between-disclaimer.container-fluid {
  max-width: 1100px;
}

#prospectsPages .member-hub-in-between-disclaimer p {
  margin-bottom: 0;
}

#prospectsPages .member-hub-in-between-disclaimer .disclaimer-header {
  font-family: Avenir-Heavy, Helvetica, Arial, sans-serif;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 5px;
  margin-top: 5px;
}

#prospectsPages .member-hub-in-between-disclaimer .disclaimer-content {
  font-family: Avenir-Roman, Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 25px;
}

#prospectsPages .modules {
  margin: 70px 0 40px;
}

#prospectsPages .modules .prospect-refresh-module > div {
  margin-bottom: 60px;
}

#prospectsPages .dvcss-hr-faded {
  width: 750px;
  margin: 50px auto 0;
  background-image: radial-gradient(52% 50%, #D0DDE7 48%, #FFFFFF 100%);
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(255, 255, 255, 0)), color-stop(5%, #dfdfdf), color-stop(95%, #dfdfdf), to(rgba(255, 255, 255, 0)));
}

#prospectsPages .flexContainer {
  display: flex;
}

#prospectsPages .flex-box {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}

#prospectsPages .flex-box .flex-box-col {
  flex: 1;
  margin-bottom: 30px;
  padding-right: 33.6px;
}

#prospectsPages .flex-box .flex-box-col:last-child {
  padding-right: 0;
}

#prospectsPages .checkList {
  display: table-cell;
  line-height: 24px;
  letter-spacing: 0px;
  font-family: Avenir-Roman, Helvetica, Arial, sans-serif;
  text-align: left;
  padding-bottom: 4px;
  max-width: 650px;
  padding-left: 10px;
}

#prospectsPages .page-intro .module-description {
  padding: 0 10px;
  margin-top: 15px;
}

#prospectsPages .member-hub-page-intro h1 {
  font-family: Avenir-Light,Helvetica,Arial,sans-serif !important;
  font-weight: normal;
  font-size: 50px;
  line-height: 68px;
  margin-top: 0px !important;
}

#prospectsPages .member-hub-page-intro .module-description {
  font-family: Avenir-Roman,Helvetica,Arial,sans-serif;
  font-size: 18px;
  line-height: 25px;
  padding: 0 10px;
  margin-top: 15px;
}

#prospectsPages .memberCruise {
  margin: 0 auto;
  margin-top: 80px;
  overflow: hidden;
}

#prospectsPages .memberCruise .col-md-12 {
  width: 100%;
  float: left;
}

#prospectsPages .memberCruise .text {
  text-align: left;
  float: left;
}

#prospectsPages .memberCruise.right .text {
  text-align: right;
  float: right;
}

#prospectsPages .memberCruise .text {
  position: relative;
  z-index: 1;
  padding: 80px 100px;
}

#prospectsPages .memberCruise .text h2 {
  font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
  font-size: 30px;
  margin-bottom: 10px;
}

#prospectsPages .memberCruise .text .intro {
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 20px;
  max-width: 500px;
  line-height: 28px;
  margin-bottom: 20px;
}

#prospectsPages .memberCruise .text a.enterNow {
  font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
  font-size: 20px;
  text-decoration: underline;
  color: #253B56;
  line-height: 28px;
}

#prospectsPages .memberCruise .text a.enterNow:hover {
  text-decoration: none;
}

#prospectsPages .memberCruise .text a.enterNow:focus {
  outline: 1px dotted;
  text-decoration: none;
}

#prospectsPages .memberCruise img {
  position: absolute;
  height: 100%;
  width: 100%;
  max-height: 150vh;
  max-width: 200vw;
  object-fit: cover;
  left: 0;
  top: 0;
  z-index: 0;
}

#prospectsPages > div.memberCruise > div > div {
  padding: 0;
}

#prospectsPages .member-hub-video-block {
  background: #1A1A1A;
  padding: 60px 0 50px;
}

#prospectsPages .member-hub-video-block .container-fluid {
  padding: 0 20px !important;
  max-width: 1320px;
}

#prospectsPages .member-hub-video-block .container-fluid .module-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  font-family: Avenir-Light,Helvetica,Arial,sans-serif !important;
  color: #FFF;
  font-weight: normal;
  font-size: 40px;
  line-height: 55px;
  max-width: unset;
  margin-top: 25px !important;
  margin-bottom: 0 !important;
}

#prospectsPages .member-hub-video-block .container-fluid .module-title .left-icon {
  background-image: url(../../../../../media/dvc_site/images/header2_left.png);
  background-repeat: no-repeat;
  background-position-y: 13px;
  padding-left: 152px;
}

#prospectsPages .member-hub-video-block .container-fluid .module-title .right-icon {
  background-image: url(../../../../../media/dvc_site/images/header2_right.png);
  background-position-x: right;
  background-repeat: no-repeat;
  background-position-y: 13px;
  padding-left: 152px;
}

#prospectsPages .member-hub-video-block .container-fluid .module-description {
  font-family: Avenir-Roman,Helvetica,Arial,sans-serif;
  color: #FFF;
  font-size: 18px;
  line-height: 24px;
  margin: 10px auto 30px !important;
}

#prospectsPages .member-hub-video-block .container-fluid .me-fullscreen video {
  width: 100%;
  height: auto;
}

#prospectsPages .member-hub-video-block .container-fluid .me-controls-video .me-video-play-pause {
  color: #1994D7;
}

#prospectsPages .member-hub-video-block .container-fluid .me-fullscreen-exit {
  color: #1994D7;
}

#prospectsPages .member-hub-video-block .container-fluid .me-thumbnails {
  height: 120px;
}

#prospectsPages .member-hub-video-block .container-fluid .me-thumbnails .thumbnails-title {
  margin: 0 auto 12px;
  text-align: center;
  font-family: Avenir-Heavy,Helvetica,Arial,sans-serif;
  font-size: 16px;
}

#prospectsPages .member-hub-video-block .container-fluid .me-thumbnails .me-thumbnails-inner {
  max-width: unset;
}

#prospectsPages .member-hub-video-block .container-fluid .me-thumbnails .me-thumbnails-inner .me-thumbnails-media {
  height: 64px;
}

#prospectsPages .member-hub-video-block .container-fluid .me-thumbnails .me-thumbnails-inner .me-thumbnails-media ul {
  width: 100% !important;
}

#prospectsPages .member-hub-video-block .container-fluid .me-thumbnails .me-thumbnails-inner .me-thumbnails-media ul li {
  width: 64px;
  height: 64px;
  margin-right: 5px;
}

#prospectsPages .member-hub-video-block .container-fluid .me-thumbnails .me-thumbnails-inner .me-thumbnails-media ul li button {
  width: 64px;
}

#prospectsPages .member-hub-video-block .container-fluid .me-thumbnails .me-thumbnails-inner .me-thumbnails-media ul li button img {
  width: 60px;
  height: 60px;
  object-fit: cover;
}

#prospectsPages .member-hub-video-block .container-fluid .me-thumbnails .me-thumbnails-inner .me-thumbnails-media ul li button[data-type="video"]::before {
  color: #1994D7 !important;
  z-index: 2;
}

#prospectsPages .member-hub-tabbed-steps {
  margin-top: -60px;
  padding: 0 20px !important;
  max-width: 1200px !important;
}

#prospectsPages .member-hub-tabbed-steps .module-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  font-family: Avenir-Light,Helvetica,Arial,sans-serif !important;
  font-weight: normal;
  font-size: 40px;
  line-height: 55px;
  max-width: unset;
  margin-top: 25px !important;
  margin-bottom: 0 !important;
}

#prospectsPages .member-hub-tabbed-steps .module-title .left-icon {
  background-image: url(../../../../../media/dvc_site/images/header1_left.png);
  background-repeat: no-repeat;
  background-position-y: 13px;
  padding-left: 110px;
}

#prospectsPages .member-hub-tabbed-steps .module-title .right-icon {
  background-image: url(../../../../../media/dvc_site/images/header1_right.png);
  background-position-x: right;
  background-repeat: no-repeat;
  background-position-y: 13px;
  padding-left: 110px;
}

#prospectsPages .member-hub-tabbed-steps .module-title .content h2 {
  font-family: inherit !important;
  line-height: inherit;
  font-size: inherit;
  font-weight: inherit;
}

#prospectsPages .member-hub-tabbed-steps .module-description {
  font-family: Avenir-Roman,Helvetica,Arial,sans-serif;
  font-size: 18px;
  line-height: 24px;
  margin: 10px auto 30px !important;
}

#prospectsPages .member-hub-tabbed-steps .main-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps {
  width: 33%;
  padding: 60px 0;
}

#prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .mobile-dashes {
  display: none;
}

#prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 125px;
  margin: 0 auto;
  align-items: center;
  position: relative;
}

#prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group .read-more {
  display: none;
}

#prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group a.step-link {
  position: absolute;
  width: 100%;
  height: 60%;
  cursor: pointer;
  text-align: left;
}

#prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group a.step-link:hover {
  text-decoration: none;
}

#prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group .icon {
  border-radius: 50%;
  border: 2px solid #E1C586;
  color: #E1C586;
  font-family: pepmdx2;
  font-size: 24px;
  height: 45px;
  margin-right: 20px;
  padding-left: 1px;
  width: 45px;
  background: #FFF;
  position: relative;
  top: -10px;
  display: inline-block;
  text-align: center;
  padding-top: 10px;
}

#prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group:nth-of-type(3) .icon {
  padding-top: 12px;
}

#prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group.selected .icon {
  background: #E1C586;
  color: #FFF;
}

#prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group .step {
  margin-right: 20px;
  display: inline-block;
}

#prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group .step .header {
  color: #98A2AF;
  font-family: Avenir-Heavy;
  font-size: 16px;
  letter-spacing: 1.6px;
  line-height: 24px;
  text-align: left;
}

#prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group.selected .step .header {
  color: #00233C;
}

#prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group .step .description {
  color: #00233C;
  font-family: Avenir-Roman;
  font-size: 24px;
  line-height: 33px;
  text-align: left;
  padding: 5px 0 10px;
}

#prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group.selected .step .description {
  font-family: Avenir-Heavy;
}

#prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group .step .underline {
  background: #E1C586;
  border-radius: 3.5px;
  border: #E1C586;
  display: none;
  height: 3px;
  width: 100%;
}

#prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group.selected .step .underline {
  display: block;
}

#prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group .pointer-box {
  background: #fff;
  border-bottom: 1px solid #E1C586;
  border-right: 1px solid #E1C586;
  height: 28px;
  position: absolute;
  right: -15px;
  -ms-transform: rotate(20deg);
  -webkit-transform: rotate(20deg);
  transform: rotate(-45deg);
  width: 28px;
  display: none;
  top: 20px;
}

#prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group.selected .pointer-box {
  display: block;
}

#prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group .content {
  display: none;
}

#prospectsPages .member-hub-tabbed-steps .main-content .content-divider {
  border-left: 1px solid #E1C586;
  text-align: left;
  padding: 30px 0 0 65px;
  max-width: 67%;
}

#prospectsPages .member-hub-tabbed-steps .main-content .content-divider .step-name {
  color: #00233C;
  font-family: Avenir-Heavy;
  font-size: 16px;
  letter-spacing: 1.6px;
  opacity: 0.48;
}

#prospectsPages .member-hub-tabbed-steps .main-content .content-divider .step-title h3 {
  color: #00233C;
  font-family: Avenir-Medium;
  font-size: 28px;
  padding: 3px 0 8px;
}

#prospectsPages .member-hub-tabbed-steps .main-content .content-divider .step-title:focus {
  outline: #000 dotted 1px;
}

#prospectsPages .member-hub-tabbed-steps .main-content .content-divider .step-subtitle {
  font-family: Avenir-Roman;
  font-size: 18px;
  color: #00233C;
  line-height: 25px;
}

#prospectsPages .member-hub-tabbed-steps .main-content .content-divider a {
  font-family: Avenir-Heavy !important;
  font-size: 18px !important;
  color: #1A82A5 !important;
  line-height: 25px !important;
}

#prospectsPages .member-hub-tabbed-steps .main-content .content-divider ul li {
  margin-left: 50px;
}

#prospectsPages .member-hub-tabbed-steps .main-content .content-divider .description-group {
  margin-top: 38px;
}

#prospectsPages .member-hub-tabbed-steps .main-content .content-divider .description-group .icon-group {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0 0 0;
  list-style: none;
}

#prospectsPages .member-hub-tabbed-steps .main-content .content-divider .description-group .icon-group li {
  display: inherit;
  margin-left: 0;
}

#prospectsPages .member-hub-tabbed-steps .main-content .content-divider .description-group .icon-group .icon {
  background: none;
  border: 0;
  font-family: pepmdx2;
  font-size: 16px;
  color: #00233C;
  text-align: center;
  width: unset;
  height: unset;
  padding: 0;
  margin: 0;
  line-height: 28px;
}

#prospectsPages .member-hub-tabbed-steps .main-content .content-divider .description-group .icon-group .text {
  font-family: Avenir-Roman;
  font-size: 18px;
  color: #00233C;
  line-height: 29px;
  padding: 0 35px 0 15px;
}

#prospectsPages .member-hub-tabbed-steps .main-content .content-divider .description-group .list-group {
  margin-top: 15px;
}

#prospectsPages .member-hub-tabbed-steps .main-content .content-divider .description-group .list-group ul li {
  list-style: disc !important;
  margin-left: 15px;
  font-size: 18px;
}

#prospectsPages .member-hub-tabbed-steps .main-content .content-divider .description-group .list-group ul li .main-text {
  font-family: Avenir-Heavy;
  font-size: 18px;
  color: #00233C;
  line-height: 24px;
}

#prospectsPages .member-hub-tabbed-steps .main-content .content-divider .description-group .list-group ul li .support-text {
  font-family: Avenir-Roman;
  font-size: 16px;
  color: #00233C;
  line-height: 24px;
  margin-bottom: 25px;
}

#prospectsPages .member-hub-tabbed-steps .main-content .content-divider .next-step-block {
  text-align: right;
  margin-top: 50px;
}

#prospectsPages .member-hub-tabbed-steps .main-content .content-divider .next-step-block a {
  text-decoration: none;
  padding-bottom: 10px;
  border-bottom: 3px solid #00233C;
}

#prospectsPages .member-hub-tabbed-steps .main-content .content-divider .next-step-block .next-step-text {
  font-family: Avenir-Heavy;
  font-size: 18px;
  color: #00233C;
  text-align: right;
  width: 100%;
}

#prospectsPages .member-hub-tabbed-steps .main-content .content-divider .next-step-block .next-arrow {
  background: url(../images/arrow.svg);
  background-position-x: 90%;
  background-position-y: 5px;
  background-repeat: no-repeat;
  padding-right: 40px;
}

#prospectsPages .member-hub-tabbed-steps .glitter-div {
  position: relative;
  width: 100%;
  height: 60px;
}

#prospectsPages .member-hub-tabbed-steps .glitter-div .glitter-box {
  position: absolute;
  background: url(../images/glitter2.png);
  background-repeat: no-repeat;
  background-position-x: 100%;
  width: 80px;
  height: 120px;
  right: -100px;
  bottom: -110PX;
}

#prospectsPages .basic-module .module-title {
  margin-bottom: 10px;
}

#prospectsPages .basic-module .module-description {
  padding: 0 10px;
}

#prospectsPages .basic-module a {
  margin-top: 10px;
  display: block;
}

#prospectsPages .basic-module .bottom-link {
  margin-top: 20px;
}

#prospectsPages .avenirBook {
  font-family: Avenir-Book,Helvetica,Arial,sans-serif;
}

#prospectsPages .avenirRoman {
  font-family: Avenir-Roman,Helvetica,Arial,sans-serif;
}

#prospectsPages .avenirHeavy {
  font-family: Avenir-Heavy,Helvetica,Arial,sans-serif;
}

#prospectsPages .avenirLight {
  font-family: Avenir-Light,Helvetica,Arial,sans-serif;
}

#prospectsPages .avenirMedium {
  font-family: Avenir-Medium,Helvetica,Arial,sans-serif;
}

#prospectsPages .block {
  display: block;
}

#prospectsPages .flexAlignBaseline {
  align-items: baseline;
}

#prospectsPages div.hero-media-icon {
  text-align: center;
}

#prospectsPages .prospect-nav {
  width: 100%;
  color: #F7F9FC;
  text-align: left;
  margin: 0 auto;
  background: #F7F9FC;
  border: 1px solid #D0DDE7;
  max-width: 1310px;
}

#prospectsPages .prospect-nav .prospect-nav-content {
  margin: 0 auto;
}

#prospectsPages .prospect-nav .prospect-nav-content > div:first-child {
  padding: 0 1%;
  display: table-cell;
  vertical-align: middle;
  float: none;
}

#prospectsPages .prospect-nav .prospect-nav-content > div:last-child {
  padding: 30px 0;
  display: table-cell;
  float: none;
}

#prospectsPages .prospect-nav .prospect-nav-content > div:last-child > div {
  display: table;
  width: 100%;
  border-left: 1px solid #D0DDE7;
}

#prospectsPages .prospect-nav .nav-line {
  height: 2px;
  background-color: #D0DDE7;
  width: 75%;
  margin: 85px auto 0;
}

#prospectsPages .prospect-nav .nav-icon-holder {
  padding: 0;
}

#prospectsPages .prospect-nav .nav-icon-link {
  position: relative;
  top: -33px;
  margin-bottom: 11px;
}

#prospectsPages .prospect-nav .nav-icon-link .nav-icon-holder.active {
  top: -5px;
}

#prospectsPages .prospect-nav .nav-icon-link .nav-icon-holder a:hover, #prospectsPages .prospect-nav .nav-icon-link .nav-icon-holder a:active, #prospectsPages .prospect-nav .nav-icon-link .nav-icon-holder a:visited, #prospectsPages .prospect-nav .nav-icon-link .nav-icon-holder a:focus {
  text-decoration: none !important;
}

#prospectsPages .prospect-nav .nav-icon-link .nav-icon-holder a:hover .nav-icon,
#prospectsPages .prospect-nav .nav-icon-link .nav-icon-holder a:focus .nav-icon {
  background: #00233C;
  border-color: #00233C;
  font-size: 14px;
  color: #00233C;
}

#prospectsPages .prospect-nav .nav-icon-link .nav-icon-holder a:hover .nav-icon .icon,
#prospectsPages .prospect-nav .nav-icon-link .nav-icon-holder a:focus .nav-icon .icon {
  color: #fff;
}

#prospectsPages .prospect-nav .nav-icon-link .nav-icon-holder a:hover .nav-text,
#prospectsPages .prospect-nav .nav-icon-link .nav-icon-holder a:focus .nav-text {
  color: #00233C;
  font-family: Avenir-Heavy,Helvetica,Arial,sans-serif;
}

#prospectsPages .prospect-nav .nav-icon-link .nav-icon-holder a:focus .nav-text {
  outline: #000 dotted 1px;
}

#prospectsPages .prospect-nav .nav-icon-link .nav-icon-holder .nav-text {
  font-size: 14px;
  color: #01749A;
  text-align: center;
  margin: 20px auto 0;
  line-height: 20px;
  width: 100px;
  max-width: 100px;
}

#prospectsPages .prospect-nav .nav-icon-link .nav-icon-holder .nav-icon {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background: #F7F9FC;
  border: 2px solid #01749A;
  margin: 0 auto;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

#prospectsPages .prospect-nav .nav-icon-link .nav-icon-holder .nav-icon.active {
  background: #00739A;
  border-color: #00739A;
  font-size: 14px;
  color: #00739A;
  /* #00233C; */
  letter-spacing: 0;
  text-align: center;
  width: 70px;
  height: 70px;
}

#prospectsPages .prospect-nav .nav-icon-link .nav-icon-holder .nav-icon.active .icon {
  color: #fff;
  line-height: 65px;
}

#prospectsPages .prospect-nav .nav-icon-link .nav-icon-holder .nav-icon.active + p {
  color: #00739A;
  font-family: Avenir-Heavy,Helvetica,Arial,sans-serif;
  margin-top: 15px;
}

#prospectsPages .prospect-nav .nav-icon-link .nav-icon-holder .nav-icon .icon {
  font-size: 34px;
  color: #01749A;
  line-height: 56px;
}

#prospectsPages .prospect-nav .next-section {
  padding: 10px 0px 0 40px;
  min-height: 155px;
}

#prospectsPages .prospect-nav .next-section .module-title {
  font-family: Avenir-heavy,Helvetica,Arial,sans-serif;
  font-size: 24px;
  color: #01749A;
  letter-spacing: 0;
  line-height: 32px;
  text-align: left;
  padding: 0 0 10px;
  display: block;
}

#prospectsPages .prospect-nav .next-section .module-title:focus, #prospectsPages .prospect-nav .next-section .module-title:hover {
  text-decoration-line: underline;
  text-decoration-style: solid;
}

#prospectsPages .prospect-nav .next-section .module-title .icon {
  font-size: 17px;
}

#prospectsPages .prospect-nav .next-section .module-description {
  text-align: left;
  margin-bottom: 5px;
}

#prospectsPages .prospect-nav .next-section .next-text {
  font-family: Avenir-bookOblique, Helvetica,Arial,sans-serif;
  font-size: 14px;
  color: #00233C;
  letter-spacing: 0;
  margin-bottom: 5px;
}

#prospectsPages .prospect-nav .col-left {
  display: table-cell;
  width: auto;
  float: none;
}

#prospectsPages .prospect-nav .btn-container {
  text-align: right;
  display: table-cell;
  width: 255px;
  float: none;
  vertical-align: middle;
}

#prospectsPages .prospect-nav .btn-container .btn-primary {
  margin: 0px 40px 0 30px;
  width: 215px;
  color: #fff;
  background: #00739A;
  border: 2px solid #00739A;
  border-radius: 4px;
  line-height: 15px;
  text-align: center;
  padding: 10px 8px;
}

#prospectsPages .prospects-list {
  position: relative;
  padding: 0;
  color: #00233C;
  margin-bottom: 40px;
}

#prospectsPages .prospects-list .flexContainer {
  font-size: 16px;
}

#prospectsPages .prospects-list h2 {
  font-size: 32px;
  text-align: center;
  padding: 0;
  margin-bottom: 25px;
}

#prospectsPages .prospects-list .list-items {
  width: 650px;
  max-width: 650px;
  margin: 10px auto 0;
  line-height: 24px;
}

#prospectsPages .prospects-list .list-items > p {
  line-height: 24px;
  margin: 0 0 4px;
  font-size: 16px;
  display: table;
}

#prospectsPages .prospects-list .list-items > p span:first-child {
  margin-right: 10px;
  color: #58831B;
  display: table-cell;
  vertical-align: top;
}

#prospectsPages .prospects-list .list-items > p:last-child {
  margin-bottom: 0px;
}

#prospectsPages .prospects-list .list-items > p:last-child span {
  padding-bottom: 0px;
}

#prospectsPages .prospects-list .list-button {
  text-align: center;
}

#prospectsPages .prospects-list .list-button a {
  text-align: center;
  margin-top: 30px;
}

#prospectsPages .prospects-list .module-description {
  width: 80%;
  margin: 0 auto;
}

#prospectsPages .featured-story-card {
  margin: 0 auto 60px;
}

#prospectsPages .featured-story-card .module-title {
  padding-bottom: 0px;
}

#prospectsPages .featured-story-card .storyCardBlock {
  padding-top: 0;
  padding-bottom: 0;
  width: 940px;
  margin: 0 auto;
}

#prospectsPages .featured-story-card .storyCardBlock .col-sm-7 {
  width: 60%;
}

#prospectsPages .featured-story-card .storyCardBlock .col-sm-5 {
  width: 40%;
}

#prospectsPages .featured-story-card .featured-image-container {
  height: 382px;
  overflow: hidden;
}

#prospectsPages .featured-story-card .module-description {
  margin: 0 auto;
}

#prospectsPages .featured-story-card .module-description p {
  margin-bottom: 0;
}

#prospectsPages .featured-story-card .module-description a {
  margin-top: 10px;
  display: block;
}

#prospectsPages .featured-story-card .row:first-child > div {
  padding: 0;
}

#prospectsPages .featured-story-card .row:first-child .featured-card-information {
  background: #ECF1F4;
  min-height: 382px;
  max-height: 382px;
  text-align: left;
  padding: 40px 32px 0 68px;
  display: inline-block;
  height: 382px;
}

#prospectsPages .featured-story-card .row:first-child .featured-card-information .featured-card-information-content {
  position: relative;
  top: 38%;
  -webkit-transform: translateY(-48%);
  -ms-transform: translateY(-48%);
  transform: translateY(-48%);
}

#prospectsPages .featured-story-card .row:first-child .featured-card-information:before {
  content: '';
  width: 0;
  height: 0;
  left: -30px;
  top: 37%;
  margin-top: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-right: 30px solid #ECF1F4;
  position: absolute;
  z-index: 1000;
  margin-top: 0;
}

#prospectsPages .featured-story-card .row:first-child .featured-card-information .featured-card-description {
  text-align: left;
  margin: 20px 0;
  font-size: 14px;
}

#prospectsPages .featured-story-card .row:first-child .featured-card-information .featured-card-detailed-description {
  text-align: center;
  margin: 15px 0;
  font-size: 14px;
}

#prospectsPages .featured-story-card .row:first-child .featured-card-information a {
  font-family: Avenir-heavy,Helvetica,Arial,sans-serif;
  font-size: 14px;
  color: #0079BC;
  line-height: 20px;
}

#prospectsPages .featured-story-card .row:first-child .featured-card-information a.btn {
  font-size: 16px;
  width: 100%;
}

#prospectsPages .featured-story-card .row:first-child .featured-card-information .alt-text {
  font-family: Avenir-heavy,Helvetica,Arial,sans-serif;
  font-size: 14px;
  color: #00233C;
  text-align: center;
  line-height: 20px;
  margin-top: 13px;
}

#prospectsPages .featured-story-card .row:first-child img {
  height: 100%;
  max-width: fit-content;
}

#prospectsPages .featured-story-card .row:not(first-child) {
  margin-top: 30px;
  text-align: left;
}

#prospectsPages .featured-story-card .row:not(first-child) > div {
  padding: 0;
}

#prospectsPages .featured-story-card .row:not(first-child) .col-sm-4:nth-child(1) .story-card-block {
  margin-right: 20px;
}

#prospectsPages .featured-story-card .row:not(first-child) .col-sm-4:nth-child(2) .story-card-block {
  margin: 0 10px;
}

#prospectsPages .featured-story-card .row:not(first-child) .col-sm-4:nth-child(3) .story-card-block {
  margin-left: 20px;
}

#prospectsPages .featured-story-card .row:not(first-child) .col-sm-6:nth-child(1) .story-card-block {
  margin-right: 17px;
}

#prospectsPages .featured-story-card .row:not(first-child) .col-sm-6:nth-child(2) .story-card-block {
  margin-left: 17px;
}

#prospectsPages .featured-story-card .row:not(first-child) .caption {
  text-align: left;
}

#prospectsPages .featured-story-card .row:not(first-child) .caption .caption-title {
  margin: 20px 0 10px;
}

#prospectsPages .featured-story-card .row:not(first-child) .caption .story-card-description {
  text-align: left;
}

#prospectsPages .featured-story-card .row:not(first-child) .caption .featured-card-title {
  min-height: auto;
}

#prospectsPages .prospects-vanity-footer {
  width: 750px;
  min-height: 100px;
  margin: 0 auto;
}

#prospectsPages .prospects-vanity-footer .header-icon-container {
  text-align: center;
  background-image: radial-gradient(52% 1px, #D0DDE7 48%, #FFFFFF 100%);
  width: 100%;
  height: 50px;
}

#prospectsPages .prospects-vanity-footer .header-icon-container .header-icon {
  font-size: 35px;
  border: 1px solid #D4E0E8;
  width: 110px;
  height: 108px;
  border-radius: 74%;
  text-align: center;
  background: #fff;
  padding-top: 10px;
  position: absolute;
  margin-top: -18px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

#prospectsPages .prospects-vanity-footer .header-icon-container .header-icon:before {
  left: 0;
  right: 0;
  margin-top: -5px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  z-index: 99;
}

#prospectsPages .prospects-vanity-footer .header-icon-container .header-icon-hider {
  position: absolute;
  width: 110px;
  height: 65px;
  background: #ffffff;
  left: 0;
  margin-top: 26px;
  z-index: 98;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

#prospectsPages .prospects-vanity-footer .vanity-footer-content {
  padding-top: 40px;
  padding-bottom: 20px;
  margin: 0 auto;
  text-align: center;
  width: 620px;
}

#prospectsPages .prospects-vanity-footer .vanity-footer-content a[href^=tel] {
  color: #0079BC;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  font-size: 16px;
  font-family: Avenir-Roman,Helvetica,Arial,sans-serif;
}

#prospectsPages .prospects-vanity-footer .vanity-footer-content p,
#prospectsPages .prospects-vanity-footer .vanity-footer-contact {
  text-align: center;
  font-size: 16px;
}

#prospectsPages .prospects-disclaimer {
  text-align: left;
}

#prospectsPages .prospects-disclaimer strong {
  font-family: Avenir-Heavy,Helvetica,Arial,sans-serif;
}

#prospectsPages .prospects-disclaimer .prospects-disclaimer-content > p:last-of-type {
  margin-bottom: 0px !important;
}

#prospectsPages .prospects-preview-center-story-card {
  width: auto;
  margin: 0 auto;
}

#prospectsPages .prospects-preview-center-story-card a, #prospectsPages .prospects-preview-center-story-card div, #prospectsPages .prospects-preview-center-story-card h2, #prospectsPages .prospects-preview-center-story-card h3, #prospectsPages .prospects-preview-center-story-card p {
  text-align: left;
}

#prospectsPages .prospects-preview-center-story-card .arrow_up_left:after,
#prospectsPages .prospects-preview-center-story-card .arrow_up_left:before {
  left: 24%;
}

#prospectsPages .prospects-preview-center-story-card .arrow_up_left:before {
  border-bottom-color: #dfdfdf;
}

#prospectsPages .prospects-preview-center-story-card .arrow_up_left:after {
  border-bottom-color: #F7F9FC;
}

#prospectsPages .prospects-preview-center-story-card .column1, #prospectsPages .prospects-preview-center-story-card .column2 {
  padding-bottom: 0px;
}

#prospectsPages .prospects-preview-center-story-card .column1 {
  padding-right: 15px;
}

#prospectsPages .prospects-preview-center-story-card .column1 .dvcss-thumbnail {
  float: right;
}

#prospectsPages .prospects-preview-center-story-card .column2 {
  padding-left: 15px;
}

#prospectsPages .prospects-preview-center-story-card h2 {
  text-align: center;
  font-size: 32px;
  letter-spacing: 0;
  line-height: 32px;
  padding-top: 0;
}

#prospectsPages .prospects-preview-center-story-card .caption.spreadCaption {
  margin: 18px 0 30px 0;
}

#prospectsPages .prospects-preview-center-story-card .storyCardBlock > div:nth-last-child(2) .caption.spreadCaption {
  margin-bottom: 0px !important;
}

#prospectsPages .prospects-preview-center-story-card .preview-center-story-card-top-desc {
  text-align: center;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

#prospectsPages .prospects-preview-center-story-card .pageLess p {
  padding: 10px  0;
  line-height: 24px;
}

#prospectsPages .prospects-preview-center-story-card .arrow_up_right:after, #prospectsPages .prospects-preview-center-story-card .arrow_up_right:before {
  left: 60%;
}

#prospectsPages .prospects-preview-center-story-card .arrow_up_right:before {
  border-bottom-color: #dfdfdf;
}

#prospectsPages .prospects-preview-center-story-card .arrow_up_right:after {
  border-bottom-color: #F7F9FC;
}

#prospectsPages .prospects-preview-center-story-card .storyCardContainer {
  background-color: #F7F9FC;
}

#prospectsPages .prospects-preview-center-story-card .story-row-card-container {
  max-width: 940px;
  margin: 0 auto;
}

#prospectsPages .prospects-preview-center-story-card .story-row-card-container .story-card-img-container {
  max-height: 225px;
  max-width: 450px;
  overflow: hidden;
}

#prospectsPages .prospects-preview-center-story-card .storyCardBlock {
  padding-bottom: 0;
}

#prospectsPages .prospects-preview-center-story-card .story-row-card-container img {
  width: 100%;
}

#prospectsPages .prospects-preview-center-story-card .drawer {
  margin: 46px 0 27px 0;
}

#prospectsPages .prospects-preview-center-story-card .drawer .row {
  width: 940px;
  margin: 0 auto;
}

#prospectsPages .prospects-preview-center-story-card .drawer .drawerCollapseIcon {
  position: absolute;
  right: 5px;
  margin-top: -18px;
  width: 32px;
  height: 32px;
}

#prospectsPages .prospects-preview-center-story-card .drawer .drawerCollapseIcon:hover {
  opacity: 0.8;
}

#prospectsPages .prospects-preview-center-story-card .drawer .drawerCollapseIcon:before, #prospectsPages .prospects-preview-center-story-card .drawer .drawerCollapseIcon:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 24.1px;
  width: 2px;
  background-color: #78899E;
}

#prospectsPages .prospects-preview-center-story-card .drawer .drawerCollapseIcon:before {
  transform: rotate(135deg);
}

#prospectsPages .prospects-preview-center-story-card .drawer .drawerCollapseIcon:after {
  transform: rotate(-135deg);
}

#prospectsPages .prospects-preview-center-story-card .drawer h3 {
  font-size: 20px;
  color: #00233C;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 20px;
}

#prospectsPages .prospects-preview-center-story-card .drawer h4 {
  margin-bottom: 0;
  font-size: 16px;
  color: #00233C;
  letter-spacing: 0;
  line-height: 24px;
  font-family: Avenir-Heavy,Helvetica,Arial,sans-serif;
}

#prospectsPages .prospects-preview-center-story-card .drawer .column1 {
  padding-left: 0;
}

#prospectsPages .prospects-preview-center-story-card .drawer p {
  font-size: 16px;
  margin-bottom: 0;
  letter-spacing: 0;
}

#prospectsPages .prospects-preview-center-story-card .drawer .description {
  font-size: 16px;
  padding-bottom: 30px;
}

#prospectsPages .prospects-preview-center-story-card .drawer .locations {
  padding-bottom: 30px;
}

#prospectsPages .prospects-preview-center-story-card .drawer ul.details-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

#prospectsPages .prospects-preview-center-story-card .drawer ul.details-list .icon {
  display: inline-block;
  vertical-align: top;
  font-size: 24px;
  padding-right: 15px;
  margin-top: -6px;
  height: 30px;
}

#prospectsPages .prospects-preview-center-story-card .drawer ul.details-list .text {
  display: inline-block;
  width: 88%;
  font-size: 16px;
  vertical-align: middle;
}

#prospectsPages .prospects-preview-center-story-card .drawer ul.details-list li {
  padding: 5px 0 17px;
}

#prospectsPages .prospects-preview-center-story-card .drawer .dvcss-btn {
  text-align: center;
  margin: 35px 0 35px 0;
}

#prospectsPages .prospects-preview-center-story-card .drawer .right-column li {
  margin-left: 5px;
  line-height: 20px;
  padding-bottom: 4px;
}

#prospectsPages .prospects-preview-center-story-card.prvw-center-expandable .storyCardBlock .story-row-card-container .card-item {
  padding: 0 10px;
}

#prospectsPages .prospects-preview-center-story-card.prvw-center-expandable .storyCardBlock .story-row-card-container .card-item .pageLess {
  margin-top: 20px;
}

#prospectsPages .prospects-preview-center-story-card.prvw-center-expandable .storyCardBlock .story-row-card-container .card-item .pageLess p:first-child {
  padding-top: 0;
}

#prospectsPages .prospects-preview-center-story-card.prvw-center-expandable .storyCardBlock .story-row-card-container .card-item .pageLess p:last-child {
  padding-bottom: 0;
}

#prospectsPages .prospects-preview-center-story-card.prvw-center-expandable .storyCardBlock .story-row-card-container .card-item .pageLess ul {
  margin-left: 20px;
}

#prospectsPages .prospects-preview-center-story-card.prvw-center-expandable .storyCardBlock .story-row-card-container .card-item .pageLess .view-more-expandable {
  display: none;
  margin-top: 20px;
}

#prospectsPages .prospects-preview-center-story-card.prvw-center-expandable .storyCardBlock .story-row-card-container .card-item .pageLess .hide-prvw-center {
  display: none;
}

#prospectsPages .prospects-preview-center-story-card.prvw-center-expandable .storyCardBlock .story-row-card-container .card-item .pageLess .view-more-action {
  margin: 10px 0 0;
}

#prospectsPages .prospects-preview-center-story-card.prvw-center-expandable .storyCardBlock .story-row-card-container .card-item .pageLess .view-more-action a[data-action="collapse"] {
  display: none;
}

#prospectsPages .prospects-preview-center-story-card.prvw-center-expandable .storyCardBlock .story-row-card-container .card-item .pageLess a.link-action {
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
}

#prospectsPages .prospects-preview-center-story-card.prvw-center-expandable .storyCardBlock .story-row-card-container .card-item .pageLess a.link-action:hover {
  text-decoration: underline;
}

#prospectsPages .prospects-preview-center-story-card.prvw-center-expandable .storyCardBlock .story-row-card-container .card-item .pageLess a .dvcss-pepmdxicon {
  margin-right: 5px;
}

#prospectsPages .prospects-preview-center-story-card.prvw-center-expandable .storyCardBlock .story-row-card-container .card-item .pageLess a .dvcss-pepmdxicon.icon__norgie-closed {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition-duration: 300ms;
}

#prospectsPages .prospects-preview-center-story-card.prvw-center-expandable .storyCardBlock .story-row-card-container .card-item .pageLess .link-out {
  margin-top: 20px;
}

#prospectsPages .prospects-preview-center-story-card.prvw-center-expandable .storyCardBlock .story-row-card-container .card-item .pageLess .expand-link-container {
  margin-top: 20px;
}

#prospectsPages .prospects-preview-center-story-card.prvw-center-expandable .storyCardBlock .story-row-card-container .card-item .img-responsive.lazy {
  width: 30%;
  margin: 0 auto;
}

#prospectsPages .prospects-preview-center-story-card.prvw-center-expandable .storyCardBlock .accordion-group .storyCardContainer {
  transition: height 0.01s;
}

#prospectsPages .prospects-preview-center-story-card.prvw-center-expandable .storyCardBlock .accordion-group .storyCardContainer.arrow_up_right:before {
  right: 0;
  left: 70%;
}

#prospectsPages .prospects-preview-center-story-card.prvw-center-expandable .storyCardBlock .accordion-group .storyCardContainer.arrow_up_right:after {
  right: 0;
  left: 70%;
}

#prospectsPages .prospects-preview-center-story-card.prvw-center-expandable .storyCardBlock .accordion-group .storyCardContainer.arrow_up_center:before {
  border-bottom-color: #DFDFDF;
}

#prospectsPages .prospects-preview-center-story-card.prvw-center-expandable .storyCardBlock .accordion-group .storyCardContainer.arrow_up_center:after {
  border-bottom-color: #F7F9FC;
}

#prospectsPages .prospects-preview-center-story-card.prvw-center-expandable .storyCardBlock .accordion-group .storyCardContainer .drawer .row .widget {
  padding: 0 15px;
}

#prospectsPages .prospects-preview-center-story-card.prvw-center-expandable .storyCardBlock .accordion-group .storyCardContainer .drawer .row .widget:last-child {
  padding-right: 0;
}

#prospectsPages .prospects-preview-center-story-card.prvw-center-expandable .storyCardBlock .accordion-group .storyCardContainer .drawer .row .widget:first-child {
  padding-left: 0;
}

#prospectsPages .prospects-preview-center-story-card.prvw-center-expandable .storyCardBlock.sc-brkpt-3 .accordion-group .storyCardContainer.arrow_up_left:before {
  left: 20%;
}

#prospectsPages .prospects-preview-center-story-card.prvw-center-expandable .storyCardBlock.sc-brkpt-3 .accordion-group .storyCardContainer.arrow_up_left:after {
  left: 20%;
}

#prospectsPages .prospects-preview-center-story-card.prvw-center-expandable .storyCardBlock.sc-brkpt-3 .accordion-group .storyCardContainer.arrow_up_right:before {
  left: 75%;
}

#prospectsPages .prospects-preview-center-story-card.prvw-center-expandable .storyCardBlock.sc-brkpt-3 .accordion-group .storyCardContainer.arrow_up_right:after {
  left: 75%;
}

@media screen and (max-width: 767px) {
  #prospectsPages .prospects-preview-center-story-card.prvw-center-expandable .storyCardBlock .story-row-card-container .card-item {
    padding: 0 0 40px;
  }
  #prospectsPages .prospects-preview-center-story-card.prvw-center-expandable .storyCardBlock .story-row-card-container .card-item .sc-expandable-mb .arrow_up_center {
    padding: 50px 0 0;
    border-top: 0.5px solid #DFDFDF;
  }
  #prospectsPages .prospects-preview-center-story-card.prvw-center-expandable .storyCardBlock .story-row-card-container .card-item .sc-expandable-mb .arrow_up_center:before {
    border-bottom-color: #DFDFDF;
  }
  #prospectsPages .prospects-preview-center-story-card.prvw-center-expandable .storyCardBlock .story-row-card-container .card-item .sc-expandable-mb .arrow_up_center:after {
    border-bottom-color: #FFFFFF;
  }
  #prospectsPages .prospects-preview-center-story-card.prvw-center-expandable .storyCardBlock .story-row-card-container .card-item .sc-expandable-mb .arrow_up_center .drawer {
    margin: 0;
  }
  #prospectsPages .prospects-preview-center-story-card.prvw-center-expandable .storyCardBlock .story-row-card-container .card-item .sc-expandable-mb .arrow_up_center .drawer .widget {
    margin: 40px 0;
  }
  #prospectsPages .prospects-preview-center-story-card.prvw-center-expandable .storyCardBlock .story-row-card-container .card-item .sc-expandable-mb .arrow_up_center .drawer .widget:first-child {
    margin-top: 0;
  }
  #prospectsPages .prospects-preview-center-story-card.prvw-center-expandable .storyCardBlock .story-row-card-container .card-item .sc-expandable-mb .arrow_up_center .drawer .widget:last-child {
    margin-bottom: 0;
  }
  #prospectsPages .prospects-preview-center-story-card.prvw-center-expandable .storyCardBlock .story-row-card-container .card-item .pageLess ul {
    margin-left: 15px;
  }
}

#prospectsPages .separated-story-card {
  width: 77%;
  margin: 0 auto;
}

#prospectsPages .separated-story-card h2 {
  font-size: 32px;
  color: #00233C;
  letter-spacing: 0;
  text-align: center;
  font-family: Avenir-Heavy,Helvetica,Arial,sans-serif;
}

#prospectsPages .separated-story-card .separated-story-card-top-desc {
  text-align: center;
  font-size: 16px;
  margin-top: 10px;
}

#prospectsPages .separated-story-card .separated-story-card-top-desc strong, #prospectsPages .separated-story-card .separated-story-card-top-desc b {
  font-family: Avenir-Heavy,Helvetica,Arial,sans-serif;
}

#prospectsPages .separated-story-card .items {
  margin-top: 60px !important;
  max-width: 940px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}

#prospectsPages .separated-story-card .items .column-item {
  text-align: center;
  padding: 0 40px;
  min-height: 450px;
}

#prospectsPages .separated-story-card .items .column-item h3 {
  text-align: center;
  font-size: 20px;
  color: #00233C;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 5px;
  line-height: 28px;
  font-family: Avenir-Heavy,Helvetica,Arial,sans-serif;
}

#prospectsPages .separated-story-card .items .column-item p {
  text-align: center;
  font-size: 16px;
  font-family: Avenir-Medium,Helvetica,Arial,sans-serif;
}

#prospectsPages .separated-story-card .items .column-item .title {
  font-size: 16px;
  padding: 25px 0 15px 0;
}

#prospectsPages .separated-story-card .items .column-item .description {
  font-size: 14px;
  text-align: left;
}

#prospectsPages .separated-story-card .items .column-item:not(:last-child):after {
  content: 'OR';
  position: absolute;
  right: -15px;
  top: 30%;
  font-family: Avenir-Heavy,Helvetica,Arial,sans-serif;
  font-size: 20px;
  padding: 5px 0;
  background: #ffffff;
}

#prospectsPages .separated-story-card .items .column-item:not(:last-child) {
  border-right: 1px solid #D4E0E9;
}

#prospectsPages .separated-story-card .conclusion {
  font-size: 16px;
  color: #00233C;
  letter-spacing: 0;
  text-align: center;
  margin: 0 auto;
  width: 620px;
  padding-top: 60px;
}

#prospectsPages .separated-story-card .conclusion p {
  text-align: center;
}

#prospectsPages .separated-story-card .conclusion a {
  font-family: Avenir-Roman;
  font-size: 16px;
  color: #0079BC;
  letter-spacing: 0;
  text-align: center;
  line-height: 24px;
}

#prospectsPages .collapse-box .module-title {
  margin-bottom: 15px;
}

#prospectsPages .box-module {
  border: 1px solid #A1AFC0;
  border-radius: 5px;
  margin: 0 auto;
}

#prospectsPages .box-module .module-description {
  padding-top: 30px;
}

#prospectsPages .box-module .module-description, #prospectsPages .box-module .sub-title {
  max-width: 750px;
  margin: 0 auto;
}

#prospectsPages .box-module .box-title {
  text-align: center;
  position: relative;
  top: -33px;
  display: table;
  margin: 0 auto;
  padding: 0 10px;
  background: #fff;
}

#prospectsPages .box-module .story-card-description {
  max-width: 380px;
  padding: 5px 20px 30px;
  margin: 0 auto;
}

#prospectsPages .box-module .story-card-description p {
  min-height: 60px;
}

#prospectsPages .box-module .media-icon .icon {
  font-size: 45px;
  color: #00233C;
  text-align: center;
  padding-top: 15px;
}

#prospectsPages .box-module .arrow-two-col .arrow_up_left:after,
#prospectsPages .box-module .arrow-two-col .arrow_up_left:before {
  left: 24%;
}

#prospectsPages .box-module .arrow-two-col .arrow_up_right:after,
#prospectsPages .box-module .arrow-two-col .arrow_up_right:before {
  left: 75%;
}

#prospectsPages .box-module .main-story-card a {
  display: block;
  margin-top: 20px;
  text-align: center;
  font-size: 14px;
}

#prospectsPages .box-module .main-story-card .storyCardDrawer {
  margin-top: 30px;
}

#prospectsPages .box-module .expanded-content {
  background-color: #f7f9fc;
  border-top: 1px solid #D0DDE7;
  padding: 46px 50px 0 50px;
  /* 46px 37.9px 0 43px; */
}

#prospectsPages .box-module .expanded-content .dvcss-thumbnail.thumbnail {
  background-color: #f7f9fc;
  margin-right: 0;
  padding-bottom: 50px;
}

#prospectsPages .box-module .expanded-content .drawer {
  margin: 0;
}

#prospectsPages .box-module .expanded-content .drawer .sub-title {
  margin: 20px auto;
}

#prospectsPages .box-module .expanded-content .dvcss-thumbnail .caption-desc .pageLess {
  text-align: left;
}

#prospectsPages .box-module .expanded-content .dvcss-thumbnail .caption {
  padding: 0;
  max-width: 750px;
  margin-bottom: 30px;
  margin-top: 15px;
}

#prospectsPages .box-module .expanded-content .dvcss-thumbnail .caption .caption-title {
  margin-bottom: 10px;
}

#prospectsPages .box-module .expanded-content .btn {
  width: 100%;
  border: 2px solid #1A82A5;
  border-radius: 4px;
  font-family: Avenir-Heavy;
  font-size: 16px;
  color: #1A82A5;
  letter-spacing: 0;
  text-align: center;
  line-height: 24px;
  margin: 0 auto;
  /*position: absolute;
                bottom: 0;
                left: 0;*/
}

#prospectsPages .box-module .arrow_up_center:before,
#prospectsPages .box-module .arrow_up_left:before,
#prospectsPages .box-module .arrow_up_right:before {
  border-color: rgba(208, 221, 231, 0);
  border-bottom-color: #D0DDE7;
}

#prospectsPages .box-module .arrow_up_center:after,
#prospectsPages .box-module .arrow_up_left:after,
#prospectsPages .box-module .arrow_up_right:after {
  border-color: rgba(247, 249, 252, 0);
  border-bottom-color: #f7f9fc;
}

#prospectsPages .box-module .storyCardBlock {
  padding-bottom: 1px;
  padding-top: 15px;
}

#prospectsPages .animated-box-module .module-title {
  margin: 20px 0;
}

#prospectsPages .animated-box-module .box-module {
  text-align: center;
}

#prospectsPages .animated-box-module .box-module .animated-content {
  width: 500px;
  height: auto;
  margin: 45px auto 0;
  position: relative;
}

#prospectsPages .animated-box-module .box-module .animated-content:before {
  font-family: pepmdx2 !important;
  content: '\e321';
  font-size: 50px;
  position: absolute;
  left: 44.5%;
  margin-top: 14%;
  z-index: 999;
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

#prospectsPages .animated-box-module .box-module .animated-content .animated-thumbnail {
  opacity: 0.25;
}

#prospectsPages .animated-box-module .box-module .animated-content canvas {
  display: none;
  width: 100%;
}

#prospectsPages .animated-box-module .box-module .animated-content canvas.loaded {
  display: block !important;
}

#prospectsPages .animated-box-module .box-module .animated-content.loaded:before {
  display: none;
}

#prospectsPages .animated-box-module .box-module .animated-content-text {
  width: 608px;
  margin: 0 auto;
  text-align: center;
  font-family: Avenir-book, Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #00233C;
  letter-spacing: 0;
}

#prospectsPages .animated-box-module .box-module .box-content {
  padding: 0 20px;
}

#prospectsPages .animated-box-module .box-module .box-footer {
  background: #F7F9FC;
  text-align: center;
  padding: 20px 0;
  border-radius: 0 0 5px 5px;
  max-height: 90px;
}

#prospectsPages .animated-box-module .box-module .box-footer .icon {
  font-size: 25px;
  color: #00233C;
  position: relative;
  top: 9px;
}

#prospectsPages .animated-box-module .box-module .box-footer p {
  display: inline;
}

#prospectsPages .animated-box-module .box-module .box-footer .content {
  position: relative;
  top: -8px;
}

#prospectsPages .animated-box-module .box-module .story-card {
  margin: 50px 0;
}

#prospectsPages .animated-box-module .box-module .story-card h4 {
  font-family: Avenir-heavy, Helvetica, Arial, sans-serif !important;
  font-size: 20px;
  color: #00233C;
  letter-spacing: 0;
  text-align: center;
  line-height: 20px;
  margin: 0 0 5px;
}

#prospectsPages .animated-box-module .box-module .story-card p {
  font-size: 16px;
  color: #00233C;
  letter-spacing: 0;
  text-align: center;
  line-height: 24px;
}

#prospectsPages .cta-module {
  background: #F7F9FC;
  border: 1px solid #D1DDE7;
  border-radius: 5px;
  margin: 0 auto;
  padding: 35px 25px;
}

#prospectsPages .cta-module span {
  display: table-cell;
  vertical-align: middle;
}

#prospectsPages .cta-module span.cta-text {
  font-family: Avenir-heavy,Helvetica,Arial,sans-serif;
  font-size: 20px;
  color: #00233C;
  letter-spacing: 0;
  line-height: 30px;
  padding-left: 30px;
  text-align: left;
}

#prospectsPages .cta-module span.cta-icon {
  font-size: 40px;
  line-height: 30px;
  padding-left: 0;
}

#prospectsPages .cta-module span.cta-button {
  padding-left: 15px;
}

#prospectsPages .cta-module span.cta-button .btn {
  border: 2px solid #1A82A5;
  border-radius: 4px;
  width: 180px;
  text-align: center;
  background: transparent;
  font-family: Avenir-heavy,Helvetica,Arial,sans-serif;
  color: #1A82A5;
  font-size: 16px;
  line-height: 22px;
}

#prospectsPages .member-hub-help-and-support {
  font-size: 18px;
  color: #00233C;
  max-width: 1100px;
}

#prospectsPages .member-hub-help-and-support .module-header {
  margin-bottom: 55px;
  text-align: center;
}

#prospectsPages .member-hub-help-and-support .module-header h3 {
  display: inline-block;
  font-family: Avenir-Light, Helvetica, Arial, sans-serif;
  font-size: 40px;
  line-height: 55px;
  margin: 0 20px;
  position: relative;
  top: 7px;
}

#prospectsPages .member-hub-help-and-support .module-header .module-header-description {
  margin: 15px auto 0;
  width: 420px;
}

#prospectsPages .member-hub-help-and-support .module-header .border-header-container {
  display: inline-block;
  width: 136px;
  height: 27px;
}

#prospectsPages .member-hub-help-and-support .module-header .border-header-container.left-header {
  background: url(../images/header4_left.png) top center no-repeat;
  background-size: contain;
}

#prospectsPages .member-hub-help-and-support .module-header .border-header-container.right-header {
  background: url(../images/header4_right.png) top center no-repeat;
  background-size: contain;
}

#prospectsPages .member-hub-help-and-support .module-hero-image {
  padding: 0 20px;
  margin: 0 0 60px;
}

#prospectsPages .member-hub-help-and-support .module-content {
  text-align: left;
}

#prospectsPages .member-hub-help-and-support .module-content .left-module-content,
#prospectsPages .member-hub-help-and-support .module-content .right-module-content {
  padding: 0 30px 0 20px;
  float: none;
  display: table-cell;
  height: 100%;
  vertical-align: top;
}

#prospectsPages .member-hub-help-and-support .module-content .left-module-content .content-item,
#prospectsPages .member-hub-help-and-support .module-content .right-module-content .content-item {
  margin-bottom: 35px;
}

#prospectsPages .member-hub-help-and-support .module-content .left-module-content .content-item .content-contact,
#prospectsPages .member-hub-help-and-support .module-content .right-module-content .content-item .content-contact {
  padding-left: 2px;
  margin-bottom: 15px;
}

#prospectsPages .member-hub-help-and-support .module-content .left-module-content .content-item .content-contact a,
#prospectsPages .member-hub-help-and-support .module-content .right-module-content .content-item .content-contact a {
  display: inline-block;
  font-family: Avenir-Light, Helvetica, Arial, sans-serif;
  font-size: 18px;
  margin: 0;
  color: #00233C;
  text-align: left;
}

#prospectsPages .member-hub-help-and-support .module-content .left-module-content .content-item .content-contact a strong,
#prospectsPages .member-hub-help-and-support .module-content .right-module-content .content-item .content-contact a strong {
  font-family: Avenir-Heavy, Helvetica, Arial, sans-serif;
  font-size: 16px;
}

#prospectsPages .member-hub-help-and-support .module-content .left-module-content .content-item .content-contact a:first-of-type,
#prospectsPages .member-hub-help-and-support .module-content .right-module-content .content-item .content-contact a:first-of-type {
  font-size: 28px;
  line-height: 38px;
  margin: 0 0 10px;
  display: block;
}

#prospectsPages .member-hub-help-and-support .module-content .left-module-content .content-item .content-contact a:after,
#prospectsPages .member-hub-help-and-support .module-content .right-module-content .content-item .content-contact a:after {
  display: none;
}

#prospectsPages .member-hub-help-and-support .module-content .left-module-content {
  border-right: 1px #E1C586 dashed;
}

#prospectsPages .member-hub-help-and-support .module-content .right-module-content {
  padding: 0 20px 0 45px;
}

#prospectsPages .member-hub-help-and-support .module-content .footer-image {
  margin: 70px auto 0;
  max-width: 808px;
}

#prospectsPages .member-hub-help-and-support .module-content .important-information {
  margin: 60px 0 0 0;
}

#prospectsPages .member-hub-help-and-support .module-content h4 {
  font-family: Avenir-Roman, Helvetica, Arial, sans-serif;
  color: #00233C;
  font-size: 32px;
  line-height: 44px;
  margin-bottom: 20px;
}

#prospectsPages .member-hub-help-and-support .module-content h5 {
  font-family: Avenir-Heavy, Helvetica, Arial, sans-serif;
  color: #00233C;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 10px;
}

#prospectsPages .member-hub-help-and-support .module-content ul {
  padding-left: 23px;
}

#prospectsPages .member-hub-help-and-support .module-content ul li {
  font-family: Avenir-Roman, Helvetica, Arial, sans-serif;
  color: #00233C;
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 5px;
}

#prospectsPages .member-hub-help-and-support .module-content p {
  font-family: Avenir-Roman, Helvetica, Arial, sans-serif;
  color: #00233C;
  font-size: 18px;
  line-height: 25px;
}

#prospectsPages .member-hub-help-and-support .module-content .content-title {
  font-family: Avenir-Heavy, Helvetica, Arial, sans-serif;
  color: #00233C;
  font-size: 24px;
  line-height: 33px;
  margin-bottom: 10px;
  display: inline-block;
  text-align: left;
}

#prospectsPages .member-hub-help-and-support .module-content a.content-title:after {
  font-family: pepmdx2;
  font-size: 20px;
  content: '\e30c';
  opacity: 0.5;
  position: relative;
  top: 1px;
  left: 10px;
}

#prospectsPages .member-hub-help-and-support .module-content a.content-title:hover {
  text-decoration: none;
  border-bottom: 2px #00233C solid;
}

#prospectsPages .member-hub-help-and-support .module-content .content-body a {
  line-height: inherit;
}

#prospectsPages .member-hub-benefits-overview {
  font-size: 18px;
  color: #00233C;
  max-width: 1100px;
}

#prospectsPages .member-hub-benefits-overview .module-header {
  margin-bottom: 40px;
}

#prospectsPages .member-hub-benefits-overview .module-header .border-header-container {
  display: inline-block;
  width: 133px;
  height: 31px;
}

#prospectsPages .member-hub-benefits-overview .module-header .border-header-container.left-header {
  background: url("../images/header3_left.png") top center no-repeat;
  background-size: contain;
}

#prospectsPages .member-hub-benefits-overview .module-header .border-header-container.right-header {
  background: url("../images/header3_right.png") top center no-repeat;
  background-size: contain;
}

#prospectsPages .member-hub-benefits-overview .module-header h3 {
  display: inline-block;
  font-family: Avenir-Light, Helvetica, Arial, sans-serif;
  font-size: 40px;
  line-height: 55px;
  margin: 0 20px;
  position: relative;
  top: 14px;
}

#prospectsPages .member-hub-benefits-overview .module-header .module-header-description {
  margin: 15px 0 0;
}

#prospectsPages .member-hub-benefits-overview .module-cart-section {
  text-align: left;
  color: #00233C;
  line-height: 24px;
  margin-bottom: 48px;
}

#prospectsPages .member-hub-benefits-overview .module-cart-section .my-membership-card-img img {
  margin: 0 auto;
}

#prospectsPages .member-hub-benefits-overview .module-cart-section .my-membership-card-details {
  padding: 80px 50px 90px 40px;
}

#prospectsPages .member-hub-benefits-overview .module-cart-section h4 {
  font-size: 32px;
  font-family: Avenir-Medium, Helvetica, Arial, sans-serif;
  line-height: 44px;
  margin-bottom: 20px;
}

#prospectsPages .member-hub-benefits-overview .module-cart-section a {
  color: #0079BC;
  display: inline-block;
  font-size: 18px;
  font-family: Avenir-Medium, Helvetica, Arial, sans-serif;
  margin-top: 25px;
  text-align: left;
}

#prospectsPages .member-hub-benefits-overview .module-cart-section p {
  font-size: 18px;
  font-family: Avenir-Roman, Helvetica, Arial, sans-serif;
}

#prospectsPages .member-hub-benefits-overview .module-footer {
  text-align: left;
  color: #00233C;
  font-family: Avenir-Roman, Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 25px;
}

#prospectsPages .member-hub-benefits-overview .module-footer .module-footer-container {
  padding: 0 20px;
}

#prospectsPages .member-hub-benefits-overview .module-footer .module-footer-container .footer-image {
  margin-bottom: 20px;
}

#prospectsPages .member-hub-benefits-overview .module-footer .module-footer-container .footer-header {
  font-family: Avenir-Heavy, Helvetica, Arial, sans-serif;
  font-size: 24px;
  margin-bottom: 15px;
}

#prospectsPages .member-hub-benefits-overview .module-footer .module-footer-container a {
  color: #1A82A5;
  font-family: Avenir-Medium, Helvetica, Arial, sans-serif;
  margin-top: 12px;
  display: inline-block;
  text-align: left;
}

#prospectsPages .member-hub-benefits-overview .module-footer .module-footer-container p, #prospectsPages .member-hub-benefits-overview .module-footer .module-footer-container .footer-description {
  font-family: Avenir-Roman, Helvetica, Arial, sans-serif;
  font-size: 18px;
}

#prospectsPages .member-hub-modal {
  margin-bottom: 0 !important;
  background: rgba(255, 255, 255, 0.5);
}

#prospectsPages .member-hub-modal .select-membership-wrapper {
  margin: 10px 0 -20px;
}

#prospectsPages .member-hub-modal .select-membership-wrapper .select-toggle .select-value {
  display: block;
  padding: 0 31px 0 0;
}

#prospectsPages .member-hub-modal.dvcss-modal {
  padding: 25px 25px 0;
}

#prospectsPages .member-hub-modal.dvcss-modal .modal-middle {
  border-radius: 0;
  box-shadow: none;
  max-width: 700px;
}

#prospectsPages .member-hub-modal.dvcss-modal .modal-middle .modal-header-faded .modal-header-inner {
  position: relative;
  padding: 0;
}

#prospectsPages .member-hub-modal.dvcss-modal .modal-middle .modal-header-faded .modal-header-inner .modal-title {
  font-family: Avenir-Black, Helvetica, Arial, sans-serif;
  font-size: 28px;
  color: #00233C;
  line-height: 38px;
}

#prospectsPages .member-hub-modal.dvcss-modal .modal-middle .modal-header-faded .modal-header-inner .close-modal-desktop {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 36px;
  font-family: Avenir-Light, Helvetica, Arial, sans-serif;
  color: #78899E;
}

#prospectsPages .member-hub-modal.dvcss-modal .modal-middle .modal-header-faded .modal-header-inner .close-modal-desktop:hover {
  color: #00233C;
  text-decoration: none;
}

#prospectsPages .member-hub-modal.dvcss-modal .modal-middle .modal-header-faded .modal-header-inner .close-modal-mobile {
  display: none;
}

#prospectsPages .member-hub-modal.dvcss-modal .modal-middle .modal-header-faded .modal-header-inner .close-modal-mobile::before {
  content: "\e332";
  font-family: pepmdx2;
}

#prospectsPages .member-hub-modal.dvcss-modal .modal-middle .modal-body {
  padding: 0 30px 50px;
}

#prospectsPages .member-hub-modal.dvcss-modal .modal-middle .modal-body .cardPreloader img {
  left: 0;
  right: 0;
  margin: 0 auto;
}

#prospectsPages .member-hub-modal.dvcss-modal .modal-middle .membership-card-wrapper {
  margin: 40px 0 0;
}

#prospectsPages .member-hub-modal.dvcss-modal .modal-middle .virtual-card-copy .center-copy {
  max-width: 280px !important;
  margin: 0 auto !important;
  position: relative;
  right: 34px !important;
}

#prospectsPages .modules .prospect-refresh-module > .member-hub-banner-outer {
  background-image: url(../images/glitter1_left.png), url(../images/glitter1_right.png);
  background-repeat: no-repeat;
  background-position: left 0px, right bottom 15px;
  margin: -75px auto 0;
  padding: 75px 3% 95px;
  width: 100%;
  max-width: 1360px;
}

#prospectsPages .modules .prospect-refresh-module > .member-hub-banner-outer .glitter-container {
  display: none;
}

#prospectsPages .modules .prospect-refresh-module > .member-hub-banner-outer .glitter-container img {
  display: inline-block;
  width: 50px;
  position: relative;
  top: -2px;
  left: -5px;
}

#prospectsPages .modules .prospect-refresh-module > .member-hub-banner-outer .glitter-container hr {
  display: inline-block;
  width: 80%;
  height: 1px;
  margin-left: -20px;
  background: #E1C586;
  position: relative;
  right: 5px;
}

#prospectsPages .modules .prospect-refresh-module > .member-hub-banner-outer .glitter-container:nth-of-type(2) img {
  top: 13px;
  left: 9px;
}

#prospectsPages .modules .prospect-refresh-module > .member-hub-banner-outer .glitter-container:nth-of-type(2) hr {
  right: auto;
  left: 23px;
  width: 83%;
}

#prospectsPages .modules .prospect-refresh-module > .member-hub-banner-outer .member-hub-banner-cta {
  color: #00233C;
  font-family: Avenir-Medium, Helvetica, Arial, sans-serif;
  font-size: 18px;
  text-align: left;
  line-height: 28px;
  max-width: inherit;
  background-image: url(../images/frame_full.png);
  background-size: 100% 100%;
  padding: 63px 0 33px;
}

#prospectsPages .modules .prospect-refresh-module > .member-hub-banner-outer .member-hub-banner-cta .member-hub-icon {
  font-family: pepmdx2;
  float: right;
}

#prospectsPages .modules .prospect-refresh-module > .member-hub-banner-outer .member-hub-banner-cta .member-hub-icon::before {
  content: attr(data-icon);
  font-size: 80px;
  position: relative;
  top: 35px;
  color: #E1C586;
}

#prospectsPages .modules .prospect-refresh-module > .member-hub-banner-outer .member-hub-banner-cta .member-hub-banner-content {
  padding-left: 20px;
}

#prospectsPages .modules .prospect-refresh-module > .member-hub-banner-outer .member-hub-banner-cta .member-hub-banner-content h3 {
  font-family: Avenir-Light, Helvetica, Arial, sans-serif;
  font-size: 32px;
  line-height: 36px;
  margin-bottom: 15px;
}

#prospectsPages .modules .prospect-refresh-module > .member-hub-banner-outer .member-hub-banner-cta a {
  font-family: Avenir-Heavy, Helvetica, Arial, sans-serif;
  display: block;
  width: 270px;
  height: 44px;
  background: #1A82A5;
  text-align: center;
  color: #FFF;
  padding-top: 12px;
  margin: 30px 0 30px 30px;
  border-radius: 4px;
}

#prospectsPages .modules .prospect-refresh-module > .member-hub-banner-outer .member-hub-banner-cta a:hover {
  text-decoration: none;
}

@media only screen and (min-device-width: 501px) and (max-device-width: 768px) and (orientation: portrait) {
  #prospectsPages .memberCruise .text {
    padding: 30px 20px;
  }
  #prospectsPages .memberCruise .text {
    padding: 30px 20px;
  }
  #prospectsPages .memberCruise img {
    width: 100%;
    max-width: 100%;
    height: 100%;
  }
  #prospectsPages .memberCruise .text h2 {
    font-size: 24px;
  }
  #prospectsPages .memberCruise .text .intro {
    font-size: 16px;
  }
  #prospectsPages .memberCruise .text a.enterNow {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  #prospectsPages .memberCruise {
    padding: 0 auto 0;
    margin-top: 0;
  }
  #prospectsPages .memberCruise div > div {
    height: auto !important;
    padding: 0;
  }
  #prospectsPages .memberCruise.right .text {
    text-align: left;
    float: left;
  }
  #prospectsPages .memberCruise .text {
    padding: 30px 20px;
    height: auto;
    position: absolute;
  }
  #prospectsPages .memberCruise img {
    height: 100% !important;
    width: 100% !important;
    max-width: unset;
    position: static;
  }
  #prospectsPages .memberCruise .text h2 {
    font-size: 24px;
  }
  #prospectsPages .memberCruise .text .intro {
    font-size: 16px;
  }
  #prospectsPages .memberCruise .text a.enterNow {
    font-size: 16px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  #prospectsPages .memberCruise {
    width: 100%;
  }
}

#prospectsPages.prospectPage .memberCruise > div > div {
  height: 360px;
}

/* Tablet styles */
@media screen and (min-width: 501px) and (max-width: 1024px) {
  #prospectsPages {
    /* Member Hub Benefits Overview */
    /* End of Member Hub Benefits Overview */
    /* Member Hub Tabbed Steps TAB */
    /* Member Hub Banner CTA */
    /* End of Member Hub Banner CTA */
    /* Member Hub Help and Support */
    /* End of Member Hub Help and Support */
  }
  #prospectsPages .breadcrumb-container .breadcrumb {
    padding-left: 20px;
    width: 764px;
    max-width: 764px;
  }
  #prospectsPages .prospect-nav .btn-container {
    text-align: center;
  }
  #prospectsPages .featured-story-card .storyCardBlock {
    width: 100%;
    display: inline-block;
  }
  #prospectsPages .featured-story-card .storyCardBlock .col-sm-7 {
    width: 58.33333333%;
  }
  #prospectsPages .featured-story-card .storyCardBlock .col-sm-5 {
    width: 41.66666667%;
  }
  #prospectsPages .featured-story-card .row:first-child .featured-card-information {
    padding: 40px 32px 20px 30px;
  }
  #prospectsPages .featured-story-card .row:first-child .featured-card-information .featured-card-description {
    text-align: justify;
  }
  #prospectsPages .featured-story-card .row:first-child img {
    height: 100%;
  }
  #prospectsPages .prospects-preview-center-story-card .caption.spreadCaption {
    padding: 0;
  }
  #prospectsPages .prospects-preview-center-story-card .drawer {
    padding: 0 20px;
  }
  #prospectsPages .prospects-preview-center-story-card .drawer .row {
    width: 100%;
  }
  #prospectsPages .prospects-preview-center-story-card .drawer ul.details-list .text {
    width: 83%;
  }
  #prospectsPages .prospects-preview-center-story-card .dvcss-btn {
    width: 100%;
  }
  #prospectsPages .featured-card-information:before {
    left: -29px;
  }
  #prospectsPages .separated-story-card {
    width: 100%;
  }
  #prospectsPages .separated-story-card .items {
    max-width: 1000px;
  }
  #prospectsPages .member-hub-benefits-overview .module-cart-section .my-membership-card-details {
    padding: 30px 50px 40px 40px;
    font-size: 14px;
  }
  #prospectsPages .member-hub-benefits-overview .module-cart-section .my-membership-card-details h4 {
    font-size: 24px;
  }
  #prospectsPages .member-hub-tabbed-steps {
    margin-top: -30px;
  }
  #prospectsPages .member-hub-tabbed-steps .main-content .content-divider .description-group .icon-group .text {
    font-size: 14px;
    line-height: 21px;
    position: relative;
    left: -5px;
    top: 3px;
    padding: 0 15px 0 12px;
  }
  #prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group .icon {
    top: -30px;
  }
  #prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group .step {
    width: 61%;
  }
  #prospectsPages .modules .prospect-refresh-module > .member-hub-banner-outer {
    background-size: 70px 67px, 70px 67px;
    background-position: left 16px, right bottom 30px;
    padding: 75px 0;
    margin: -85px auto 0;
    width: 97%;
  }
  #prospectsPages .modules .prospect-refresh-module > .member-hub-banner-outer .member-hub-banner-cta {
    width: 95%;
    font-size: 16px;
    padding: 50px 0 25px;
    line-height: 28px;
  }
  #prospectsPages .modules .prospect-refresh-module > .member-hub-banner-outer .member-hub-banner-cta .member-hub-icon::before {
    font-size: 55px;
    top: 16px;
  }
  #prospectsPages .modules .prospect-refresh-module > .member-hub-banner-outer .member-hub-banner-cta .member-hub-banner-content {
    padding-left: 15px;
  }
  #prospectsPages .modules .prospect-refresh-module > .member-hub-banner-outer .member-hub-banner-cta .member-hub-banner-content h3 {
    font-size: 20px;
  }
  #prospectsPages .modules .prospect-refresh-module > .member-hub-banner-outer .member-hub-banner-cta a {
    width: 75%;
    font-size: 13px;
  }
  #prospectsPages .member-hub-help-and-support .module-content .content-title {
    max-width: 275px;
  }
  #prospectsPages .member-hub-help-and-support .module-content .footer-image {
    max-width: 500px;
  }
}

@media screen and (width: 768px) {
  #prospectsPages .breadcrumb-container .breadcrumb {
    width: 764px;
    max-width: 764px;
  }
  #prospectsPages .featured-story-card .storyCardBlock {
    width: 768px;
  }
  #prospectsPages .prospect-nav .prospect-nav-content {
    max-width: 768px;
  }
  #prospectsPages .prospect-nav .prospect-nav-content .nav-icon-link {
    margin: 0;
  }
  #prospectsPages .prospect-nav .prospect-nav-content .nav-text {
    width: initial !important;
  }
}

/* Tablet styles -- end -- */
/* Mobile only */
@media screen and (max-width: 767px) {
  #prospectsPages {
    /* Page Intro */
    /* Basic Module */
    /* End Basic Module */
    /* Collapsible Box Module */
    /* End Collapsible Box Module */
    /* End Prospects Navigation Module */
    /* CTA Module */
    /* End CTA Module */
    /* Featured Story Card */
    /* End featured story card */
    /* Member Hub Help and Support */
    /* End of Member Hub Help and Support */
    /* Member Hub Benefits Overview */
    /* End of Member Hub Benefits Overview */
    /* Member Hub Banner CTA */
    /* End of Member Hub Banner CTA */
  }
  #prospectsPages .breadcrumb {
    display: none;
  }
  #prospectsPages .container-fluid {
    width: 100% !important;
    padding: 0 20px !important;
  }
  #prospectsPages .dvcss-hr-faded {
    width: 100%;
  }
  #prospectsPages .page-intro {
    padding: 0 20px;
  }
  #prospectsPages .page-intro br {
    display: none;
  }
  #prospectsPages .flex-box {
    display: flex !important;
  }
  #prospectsPages .basic-module {
    text-align: left;
  }
  #prospectsPages .basic-module .module-title {
    text-align: left !important;
    margin-bottom: 5px;
  }
  #prospectsPages .basic-module .module-description {
    width: 100%;
    text-align: left !important;
    padding: 0;
  }
  #prospectsPages .basic-module a {
    display: block;
    margin-top: 5px;
    text-align: left;
  }
  #prospectsPages .basic-module br {
    display: none;
  }
  #prospectsPages .basic-module .centered {
    text-align: center !important;
  }
  #prospectsPages .box-module-description {
    padding: 20px;
  }
  #prospectsPages .box-module {
    margin: 0 auto;
    padding-bottom: 20px;
  }
  #prospectsPages .box-module .box-title {
    font-size: 14px;
  }
  #prospectsPages .box-module .dvcss-hr-faded {
    margin: 40px 0;
  }
  #prospectsPages .box-module .storyCardBlock {
    width: 100%;
    display: block;
  }
  #prospectsPages .box-module .expanded-content {
    width: 100%;
    background-color: #f7f9fc;
    border-top: 1px solid #D0DDE7;
    padding: 30px 0;
  }
  #prospectsPages .box-module .expanded-content .storyCardBlockParent {
    -ms-overflow-style: none;
    overflow-x: auto;
    width: 99.5%;
  }
  #prospectsPages .box-module .expanded-content .storyCardBlockParent::-webkit-scrollbar {
    display: none;
  }
  #prospectsPages .box-module .expanded-content .storyCardBlockParent .storyCardBlock {
    display: flex;
    justify-content: left;
    width: fit-content;
    margin: auto;
    flex-wrap: nowrap;
    padding: 0 40px;
  }
  #prospectsPages .box-module .expanded-content .storyCardBlockParent .storyCardBlock .flex-box-col {
    width: 275px;
    padding-right: 20px;
  }
  #prospectsPages .box-module .expanded-content .storyCardBlockParent .storyCardBlock .flex-box-col:last-child {
    padding-right: 0;
  }
  #prospectsPages .box-module .expanded-content .dvcss-thumbnail.thumbnail {
    padding-bottom: 0;
  }
  #prospectsPages .box-module .expanded-content .dvcss-thumbnail.thumbnail .image-container {
    height: 144px;
    overflow: hidden;
  }
  #prospectsPages .box-module .expanded-content .dvcss-thumbnail.thumbnail .caption {
    margin-bottom: 30px;
  }
  #prospectsPages .box-module .expanded-content .drawer {
    margin: 0;
  }
  #prospectsPages .box-module .expanded-content .drawer .module-description,
  #prospectsPages .box-module .expanded-content .drawer .sub-title {
    padding: 0 20px;
  }
  #prospectsPages .box-module .main-story-card .storyCardDrawer {
    margin-top: 0;
  }
  #prospectsPages .box-module .swiper-container {
    margin-left: 30px;
  }
  #prospectsPages .box-module .story-card-swiper .swiper-slide {
    display: flex;
  }
  #prospectsPages .box-module .story-card-swiper.swiper-auto .swiper-slide {
    width: 95%;
  }
  #prospectsPages .animated-box-module .module-title {
    padding: 0 30px;
    text-align: left;
    margin-bottom: 10px;
  }
  #prospectsPages .animated-box-module .box-module-description {
    text-align: left;
    padding: 0 30px 20px;
  }
  #prospectsPages .animated-box-module .box-module .animated-content {
    width: 250px;
    height: auto;
  }
  #prospectsPages .animated-box-module .box-module .animated-content:before {
    left: 44%;
    font-size: 28px;
  }
  #prospectsPages .animated-box-module .box-module .animated-content-text {
    width: 250px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
  }
  #prospectsPages .animated-box-module .box-module .animated-content-text.row > div:nth-child(1) {
    left: -5.5%;
  }
  #prospectsPages .animated-box-module .box-module .animated-content-text.row > div:nth-child(2) {
    right: -5.5%;
  }
  #prospectsPages .animated-box-module .box-module .box-footer .icon {
    display: inline-block;
    float: left;
    left: 20px;
    top: -8px;
  }
  #prospectsPages .animated-box-module .box-module .box-footer p {
    margin: 0 30px 0 70px;
    display: block;
    text-align: left;
  }
  #prospectsPages .prospects-list .list-items {
    width: 100%;
  }
  #prospectsPages .prospects-list .module-description {
    width: 100%;
    text-align: left !important;
    margin: 0;
  }
  #prospectsPages .prospects-list h2 {
    letter-spacing: 0;
    text-align: left !important;
  }
  #prospectsPages .prospects-vanity-footer {
    width: 100%;
  }
  #prospectsPages .prospects-vanity-footer .vanity-footer-content {
    width: 100%;
    z-index: 9999;
    padding: 0 21px;
    position: relative;
  }
  #prospectsPages .prospects-disclaimer {
    width: 100%;
    padding: 0;
    text-align: left;
  }
  #prospectsPages .prospects-preview-center-story-card {
    width: 100%;
    padding: 0 20px;
  }
  #prospectsPages .prospects-preview-center-story-card .story-row-card-container {
    width: 100%;
    padding: 0;
  }
  #prospectsPages .prospects-preview-center-story-card .preview-center-story-card-top-desc {
    text-align: justify;
  }
  #prospectsPages .prospects-preview-center-story-card .dvcss-thumbnail .caption {
    padding: 0;
  }
  #prospectsPages .prospects-preview-center-story-card .column1, #prospectsPages .prospects-preview-center-story-card .column2 {
    padding-bottom: 20px;
  }
  #prospectsPages .prospects-preview-center-story-card .column1 {
    padding-right: 0;
    padding-left: 0;
  }
  #prospectsPages .prospects-preview-center-story-card .column1 .dvcss-thumbnail {
    float: none;
  }
  #prospectsPages .prospects-preview-center-story-card .column2 {
    padding-left: 0;
    padding-right: 0;
  }
  #prospectsPages .prospects-preview-center-story-card .storyCardBlock {
    display: inline-block;
  }
  #prospectsPages .prospects-preview-center-story-card .pageLess {
    font-size: 16px;
  }
  #prospectsPages .prospects-preview-center-story-card .drawer .column1 {
    padding-right: 0;
  }
  #prospectsPages .prospects-preview-center-story-card .drawer .row {
    width: 100%;
  }
  #prospectsPages .prospects-preview-center-story-card .drawer ul.details-list .icon {
    vertical-align: top;
  }
  #prospectsPages .prospects-preview-center-story-card .drawer ul.details-list .text {
    width: 80%;
  }
  #prospectsPages .separated-story-card {
    width: 100%;
    padding: 0 20px;
  }
  #prospectsPages .separated-story-card h2 {
    line-height: 35px;
  }
  #prospectsPages .separated-story-card .separated-story-card-top-desc {
    padding: 20px 0;
  }
  #prospectsPages .separated-story-card .items {
    display: block;
    margin-top: 45px;
    border-bottom: 1px solid #D4E0E9;
  }
  #prospectsPages .separated-story-card .items .column-item {
    padding: 50px 0;
  }
  #prospectsPages .separated-story-card .items .column-item:not(:last-child):after {
    content: 'OR';
    position: absolute;
    padding: 0 5px;
    background: #fff;
    font-size: 12px;
    right: 0;
    bottom: 0;
    top: auto;
    left: 0;
    width: 50px;
    margin: 0 auto;
  }
  #prospectsPages .separated-story-card .items .column-item:first-child {
    padding-top: 0;
  }
  #prospectsPages .separated-story-card .items .column-item:not(:last-child) {
    border-right: none;
    border-bottom: none;
  }
  #prospectsPages .separated-story-card .items .mobile-border-gradient {
    background-image: radial-gradient(52% 50%, #D0DDE7 48%, #FFFFFF 100%);
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 9px;
  }
  #prospectsPages .separated-story-card .conclusion {
    width: 100%;
    padding-top: 0;
  }
  #prospectsPages.membership-cost-module {
    margin-top: 10px;
  }
  #prospectsPages.membership-cost-module .prospects-disclaimer {
    margin-top: 40px;
    padding-top: 0;
    padding-bottom: 0;
  }
  #prospectsPages .cta-module {
    padding: 25px 20px 20px;
  }
  #prospectsPages .cta-module span.cta-button {
    display: block;
    margin: 5px 0;
    padding: 0 20px;
  }
  #prospectsPages .cta-module span.cta-button .btn {
    width: 100%;
  }
  #prospectsPages .cta-module span.cta-icon {
    vertical-align: top;
    padding: 10px 0 0 15px;
  }
  #prospectsPages .cta-module span.cta-text {
    vertical-align: top;
    padding: 0 18px 15px;
  }
  #prospectsPages .featured-story-card {
    width: 100%;
    max-width: 100% !important;
  }
  #prospectsPages .featured-story-card .storyCardBlock {
    width: 100%;
  }
  #prospectsPages .featured-story-card .storyCardBlock .col-sm-7, #prospectsPages .featured-story-card .storyCardBlock .col-sm-5 {
    width: auto;
  }
  #prospectsPages .featured-story-card a {
    text-align: left;
  }
  #prospectsPages .featured-story-card a.btn {
    text-align: center;
  }
  #prospectsPages .featured-story-card .module-title {
    text-align: left !important;
    margin: 0 20px;
    margin-top: 50px;
    padding: 0 20px;
  }
  #prospectsPages .featured-story-card .module-description {
    text-align: left !important;
    margin: 12px 20px;
    padding: 0 20px;
  }
  #prospectsPages .featured-story-card .row:first-child .featured-card-information {
    max-height: initial;
    min-height: auto;
    padding: 20px;
    padding-top: 21px;
    padding-bottom: 32px;
    height: initial;
  }
  #prospectsPages .featured-story-card .row:first-child .featured-card-information .featured-card-information-content {
    display: table-row;
    vertical-align: middle;
    position: initial;
    top: initial;
    -webkit-transform: initial;
    -ms-transform: initial;
    transform: initial;
  }
  #prospectsPages .featured-story-card .row:first-child .featured-card-information:before {
    left: 47%;
    top: -50px;
    transform: rotate(90deg);
  }
  #prospectsPages .featured-story-card .row:first-child .featured-card-information .featured-card-title {
    font-size: 20px;
  }
  #prospectsPages .featured-story-card .row:first-child img {
    min-height: auto;
    width: 100%;
    max-width: 100%;
  }
  #prospectsPages .featured-story-card .row:not(:first-child) > div {
    padding: 0 20px;
    margin: 0;
  }
  #prospectsPages .featured-story-card .row:not(:first-child) .col-sm-4 .story-card-block,
  #prospectsPages .featured-story-card .row:not(:first-child) .col-sm-6 .story-card-block {
    margin: 0 0 30px !important;
  }
  #prospectsPages .member-hub-help-and-support {
    text-align: left;
  }
  #prospectsPages .member-hub-help-and-support .module-header {
    margin-bottom: 25px;
  }
  #prospectsPages .member-hub-help-and-support .module-header .border-header-container {
    width: 78px;
    height: 10px;
    position: relative;
    top: -28px;
  }
  #prospectsPages .member-hub-help-and-support .module-header h3 {
    font-size: 22px;
    line-height: 32px;
    margin: 0 5px;
    top: 11px;
    width: 90px;
  }
  #prospectsPages .member-hub-help-and-support .module-header p {
    font-size: 16px;
    line-height: 24px;
  }
  #prospectsPages .member-hub-help-and-support .module-header .module-header-description {
    width: 255px;
  }
  #prospectsPages .member-hub-help-and-support .module-hero-image {
    padding: 0;
    margin: 0 0 15px;
  }
  #prospectsPages .member-hub-help-and-support .module-content {
    text-align: left;
  }
  #prospectsPages .member-hub-help-and-support .module-content .left-module-content,
  #prospectsPages .member-hub-help-and-support .module-content .right-module-content {
    padding: 0;
    border: none;
    display: block;
  }
  #prospectsPages .member-hub-help-and-support .module-content .left-module-content .content-item,
  #prospectsPages .member-hub-help-and-support .module-content .right-module-content .content-item {
    margin-bottom: 22px;
  }
  #prospectsPages .member-hub-help-and-support .module-content .left-module-content .content-item .content-contact a,
  #prospectsPages .member-hub-help-and-support .module-content .right-module-content .content-item .content-contact a {
    display: block;
    margin-bottom: 10px;
  }
  #prospectsPages .member-hub-help-and-support .module-content .left-module-content {
    border-bottom: 1px #E1C586 dashed;
    margin-bottom: 20px;
  }
  #prospectsPages .member-hub-help-and-support .module-content .footer-image {
    margin: 30px auto 0;
  }
  #prospectsPages .member-hub-help-and-support .module-content .important-information {
    margin: 30px 0 0 0;
    padding: 0;
  }
  #prospectsPages .member-hub-help-and-support .module-content h4 {
    font-size: 20px;
    margin-bottom: 0;
  }
  #prospectsPages .member-hub-help-and-support .module-content h5 {
    font-size: 18px;
    line-height: 24px;
  }
  #prospectsPages .member-hub-help-and-support .module-content p {
    font-size: 16px;
  }
  #prospectsPages .member-hub-help-and-support .module-content ul li {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0;
  }
  #prospectsPages .member-hub-help-and-support .module-content .content-title {
    font-size: 18px;
    margin-bottom: 5px;
  }
  #prospectsPages .member-hub-benefits-overview {
    margin-bottom: 10px !important;
  }
  #prospectsPages .member-hub-benefits-overview .module-header .border-header-container {
    width: 48px;
    height: 10px;
    position: relative;
    top: -32px;
  }
  #prospectsPages .member-hub-benefits-overview .module-header h3 {
    font-size: 22px;
    line-height: 32px;
    margin: 0 5px;
    top: 11px;
    width: 145px;
  }
  #prospectsPages .member-hub-benefits-overview .module-header p {
    font-size: 16px;
    line-height: 24px;
  }
  #prospectsPages .member-hub-benefits-overview .module-cart-section .my-membership-card-img {
    margin-bottom: 25px;
  }
  #prospectsPages .member-hub-benefits-overview .module-cart-section .my-membership-card-details {
    padding: 0;
  }
  #prospectsPages .member-hub-benefits-overview .module-cart-section h4 {
    font-size: 20px;
    line-height: 24px;
  }
  #prospectsPages .member-hub-benefits-overview .module-cart-section p, #prospectsPages .member-hub-benefits-overview .module-cart-section a {
    font-size: 16px;
    line-height: 20px;
  }
  #prospectsPages .member-hub-benefits-overview .module-footer .module-footer-container {
    padding: 0;
    margin-bottom: 30px;
  }
  #prospectsPages .member-hub-benefits-overview .module-footer .module-footer-container .footer-image {
    width: 100%;
    height: 23vh;
  }
  #prospectsPages .member-hub-benefits-overview .module-footer .module-footer-container .footer-image a {
    display: inline;
  }
  #prospectsPages .member-hub-benefits-overview .module-footer .module-footer-container .footer-image a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #prospectsPages .member-hub-benefits-overview .module-footer .module-footer-container .footer-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #prospectsPages .member-hub-benefits-overview .module-footer .module-footer-container .footer-header {
    font-size: 18px;
    line-height: 25px;
  }
  #prospectsPages .member-hub-benefits-overview .module-footer .module-footer-container p, #prospectsPages .member-hub-benefits-overview .module-footer .module-footer-container a, #prospectsPages .member-hub-benefits-overview .module-footer .module-footer-container .footer-description {
    font-size: 16px;
    line-height: 22px;
  }
  #prospectsPages .member-hub-modal .select-membership-wrapper {
    margin: 10px 0 -5px;
  }
  #prospectsPages .member-hub-modal.dvcss-modal {
    padding: 0;
  }
  #prospectsPages .member-hub-modal.dvcss-modal .modal-middle .modal-header.modal-header-faded {
    padding: 10px 0 5px;
    border-bottom: 2px solid #ECF1F4;
  }
  #prospectsPages .member-hub-modal.dvcss-modal .modal-middle .modal-header-faded .modal-header-inner .modal-title {
    font-family: Avenir-Roman, Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    padding: 10px 0;
  }
  #prospectsPages .member-hub-modal.dvcss-modal .modal-middle .modal-header-faded .modal-header-inner .close-modal-desktop {
    display: none;
  }
  #prospectsPages .member-hub-modal.dvcss-modal .modal-middle .modal-header-faded .modal-header-inner .close-modal-mobile {
    display: block;
    position: absolute;
    top: 13px;
    left: 25px;
  }
  #prospectsPages .member-hub-modal.dvcss-modal .modal-middle .modal-body {
    padding: 0 25px;
  }
  #prospectsPages .member-hub-modal.dvcss-modal .modal-middle .membership-card-wrapper {
    margin: 25px 0 0;
  }
  #prospectsPages .member-hub-modal.dvcss-modal .modal-middle .virtual-card-copy .center-copy {
    right: auto;
    padding: 0 10px;
  }
  #prospectsPages .flex-box .flex-box-col {
    margin-right: 15px;
  }
  #prospectsPages .modules .prospect-refresh-module > .member-hub-banner-outer {
    background: none;
    padding: 0;
    margin: 0 0 30px;
  }
  #prospectsPages .modules .prospect-refresh-module > .member-hub-banner-outer .glitter-container {
    display: block;
  }
  #prospectsPages .modules .prospect-refresh-module > .member-hub-banner-outer .member-hub-banner-cta {
    background: none;
    font-size: 14px;
    line-height: 24px;
    margin-top: 8px;
  }
  #prospectsPages .modules .prospect-refresh-module > .member-hub-banner-outer .member-hub-banner-cta .member-hub-icon::before {
    font-size: 25px;
    color: #00233C;
    top: 8px;
  }
  #prospectsPages .modules .prospect-refresh-module > .member-hub-banner-outer .member-hub-banner-cta .member-hub-banner-content {
    padding-left: 5px;
  }
  #prospectsPages .modules .prospect-refresh-module > .member-hub-banner-outer .member-hub-banner-cta .member-hub-banner-content h3 {
    font-size: 24px;
  }
  #prospectsPages .modules .prospect-refresh-module > .member-hub-banner-outer .member-hub-banner-cta a {
    width: 100%;
    margin: 0 auto;
    max-width: 555px;
  }
}

/* Mobile only -- end -- */
/* Mobile Landscape */
@media screen and (max-width: 767px) and (orientation: landscape) {
  #prospectsPages .prospect-nav .next-section {
    padding-left: 0;
  }
  #prospectsPages .prospect-nav .prospect-nav-content {
    padding: 0 20px;
  }
}

@media screen and (max-width: 846px) and (orientation: landscape) {
  #prospectsPages .prospect-nav .prospect-nav-content {
    padding: 0 20px;
  }
}

/* Mobile Landscape  -- end -- */
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

#footer .partialGlobalFooter .mobileShowLinks {
  padding: 0 10px;
}

/* Give padding space for content maxlength */
@media screen and (max-width: 980px) {
  .prospects-preview-center-story-card .story-row-card-container {
    padding: 0 20px;
  }
}

#mediaEngineGallery .me.innerContentMedia {
  overflow: hidden;
  border-radius: 12px;
}

#mediaEngineGallery .me.me-fullscreen.innerContentMedia {
  border-radius: 0;
}

#mediaEngineGallery .me.me-fullscreen .me-custom-html-slides-before .media-title {
  color: #fff;
  font-weight: normal;
  font-size: 28px;
  left: 25px;
  margin: 0;
  text-align: left;
  top: 18px;
  width: auto;
  z-index: 1;
}

#mediaEngineGallery .me.me-fullscreen .me-custom-html-slides-append {
  display: none;
}

#mediaEngineGallery .me .me-custom-html.me-custom-html-thumbnails-append {
  display: inline;
}

#mediaEngineGallery .me .me-custom-html.me-custom-html-thumbnails-append .custom-button-2 {
  color: #FFF;
  line-height: 44px;
  padding-left: 15px;
  text-decoration: none;
  vertical-align: top;
}

#mediaEngineGallery .me .me-custom-html.me-custom-html-thumbnails-append .custom-button-2:hover {
  color: #1994D7;
}

#mediaEngineGallery .me.me-fullscreen .me-custom-html.me-custom-html-thumbnails-append .custom-button-2 {
  display: none;
}

#mediaEngineGallery .me-launcher a {
  z-index: 4;
  bottom: 40px;
}

#mediaEngineGallery .me .me-custom-html.me-custom-html-slides-before {
  display: none;
}

#mediaEngineGallery .me.me-fullscreen .me-custom-html.me-custom-html-slides-before {
  display: block;
}

#mediaEngineGallery .me .me-custom-html.me-custom-html-slides-before .custom-title-1,
#mediaEngineGallery .me .me-custom-html.me-custom-html-slides-before .custom-button-1 {
  position: absolute;
}

#mediaEngineGallery .me .me-custom-html.me-custom-html-slides-before .custom-title-1 {
  font-weight: normal;
  font-size: 28px;
  left: 25px;
  margin: 0;
  text-align: left;
  top: 18px;
  width: auto;
  z-index: 1;
  color: #fff !important;
}

#mediaEngineGallery .me .me-custom-html.me-custom-html-slides-before .custom-button-1 {
  background-color: #1994D7;
  border-radius: 3px;
  color: #FFF;
  padding: 3px 16px;
  position: absolute;
  right: 87px;
  top: 22px;
  text-decoration: none;
  z-index: 1;
}

#mediaEngineGallery .me .me-custom-html.me-custom-html-slides-before .custom-button-1:hover {
  opacity: 0.8;
}

#mediaEngineGallery .me .me-custom-html.me-custom-html-thumbnails-append {
  display: inline;
}

#mediaEngineGallery .me .me-custom-html.me-custom-html-thumbnails-append .custom-button-2 {
  color: #FFF;
  line-height: 44px;
  padding-left: 15px;
  text-decoration: none;
  vertical-align: top;
}

#mediaEngineGallery .me .me-custom-html.me-custom-html-thumbnails-append .custom-button-2:hover {
  color: #1994D7;
}

#mediaEngineGallery .me.me-fullscreen .me-custom-html.me-custom-html-thumbnails-append .custom-button-2 {
  display: none;
}

#mediaEngineGallery .me.me-fullscreen .me-thumbnails {
  height: 90px;
}

#mediaEngineGallery .me-single-media .me-slides-controls,
#mediaEngineGallery .me-single-media .me-thumbnails {
  display: none;
}

#mediaEngineGallery.bravissimo .subHeroImageWrapper img.hero-image {
  width: 100%;
}

#mediaEngineGallery.bravissimo #heroText h1.text-dark,
#mediaEngineGallery.bravissimo #heroText h2.text-dark,
#mediaEngineGallery.bravissimo #heroText a.text-dark {
  color: #00233C;
}

#mediaEngineGallery.bravissimo #heroText a.text-dark:hover,
#mediaEngineGallery.bravissimo #heroText a.text-dark:focus {
  color: #00233C;
  text-decoration: underline !important;
  opacity: 1;
}

#mediaEngineGallery.bravissimo #heroText .custom-title-1,
#mediaEngineGallery.bravissimo .me-custom-html-slides-before h1 {
  display: block;
  font-family: Avenir-medium, Helvetica, Arial, sans-serif;
  font-size: 42px;
  color: #fff;
}

#mediaEngineGallery.bravissimo #heroText .openMediaEngineButton {
  font-size: 1.8vw;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  align-items: center;
  justify-content: center;
  margin: 0;
}

#mediaEngineGallery.bravissimo #heroText {
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  padding: 0 10px;
  width: 100%;
  box-sizing: border-box;
}

#mediaEngineGallery.bravissimo #heroText .openMediaEngineButton .pepMdxIcon {
  vertical-align: top;
}

#mediaEngineGallery.bravissimo #heroText .openMediaEngineButton:hover,
#mediaEngineGallery.bravissimo #heroText .openMediaEngineButton:focus {
  opacity: 0.7;
}

@media (min-width: 768px) {
  #mediaEngineGallery .me.me-fullscreen .me-custom-html.me-custom-html-slides-before {
    display: block;
  }
}

@media (min-width: 1024px) {
  #mediaEngineGallery .me.me-fullscreen .me-custom-html.me-custom-html-slides-before {
    position: relative;
  }
  #mediaEngineGallery .me.me-fullscreen .me-custom-html.me-custom-html-slides-before .custom-button-1 {
    position: fixed;
    right: 87px;
  }
  .single-hero-image {
    width: 100%;
    height: 60vh;
    object-fit: cover;
  }
}

@media (min-width: 1200px) {
  #mediaEngineGallery .me.me-fullscreen .me-custom-html.me-custom-html-slides-before .custom-button-1 {
    position: absolute;
    right: 0;
  }
}

/* Custom Animation Styles */
#mediaEngineGallery .me {
  opacity: 1;
  transition: opacity 500ms ease;
}

#mediaEngineGallery .me.custom-fullscreen-animation {
  opacity: 0;
}

@media (min-width: 1024px) {
  #mediaEngineGallery .me.me-no-touch.custom-thumbnails-animation .me-thumbnails {
    bottom: 0;
    opacity: 1;
  }
}

@media screen and (max-width: 767px) {
  #prospectsPages .member-hub-tabbed-steps {
    margin-top: 0;
  }
  #prospectsPages .member-hub-tabbed-steps .glitter-div {
    width: 70%;
    height: 0;
  }
  #prospectsPages .member-hub-tabbed-steps .module-title {
    font-size: 32px;
    line-height: 33px;
    max-width: unset;
    margin-top: 0px !important;
  }
  #prospectsPages .member-hub-tabbed-steps .module-title .left-icon,
  #prospectsPages .member-hub-tabbed-steps .module-title .right-icon {
    background-position-y: 10px;
    padding-left: 60px;
    background-size: 90%;
  }
  #prospectsPages .member-hub-tabbed-steps .module-description {
    font-size: 16px;
  }
  #prospectsPages .member-hub-tabbed-steps .main-content ul {
    padding-left: 18px;
  }
  #prospectsPages .member-hub-tabbed-steps .main-content ul.icon-group {
    padding-left: 0;
  }
  #prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps {
    width: 100%;
    padding: 0;
    position: relative;
    margin-bottom: -20px;
  }
  #prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .mobile-dashes {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    padding: 18px 18px 75px;
  }
  #prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .mobile-dashes .dashes {
    position: relative;
    height: 100%;
    border-left: 1px dashed #E1C586;
  }
  #prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group {
    height: unset;
    flex-flow: row wrap;
  }
  #prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group .read-more {
    display: inline-block;
    width: auto;
    text-align: left;
    padding: 0 0 30px 57px;
    font-family: Avenir-Roman;
    font-size: 14px;
    color: #1A82A5;
    text-decoration: underline;
  }
  #prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group .icon {
    font-size: 20px;
    width: 36px;
    height: 36px;
    padding-top: 5px;
    top: -14px;
  }
  #prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group:nth-of-type(3) .icon {
    padding-top: 7px;
  }
  #prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group .step {
    width: 71%;
  }
  #prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group .step .header {
    font-size: 12px;
    line-height: 16px;
  }
  #prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group .step .description {
    font-size: 20px;
    line-height: 27px;
  }
  #prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group a.step-link {
    position: relative;
  }
  #prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group.selected .read-more {
    display: none;
  }
  #prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group.selected .content {
    display: block;
    text-align: left;
    padding-left: 55px;
    padding-top: 20px;
  }
  #prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group.selected .content .step-name,
  #prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group.selected .content .step-title {
    display: none;
  }
  #prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group.selected .content .step-subtitle {
    font-family: Avenir-Roman;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 16px;
  }
  #prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group.selected .content .description-group .step-name {
    opacity: 0.48;
    display: block;
    padding: 16px 0;
    font-family: Avenir-Heavy;
    font-size: 12px;
    color: #00233C;
    letter-spacing: 1.2px;
  }
  #prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group.selected .content .description-group .steps .icon-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    max-width: 220px;
    list-style: none;
    margin: 0;
  }
  #prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group.selected .content .description-group .steps .icon-group li {
    display: inherit;
  }
  #prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group.selected .content .description-group .steps .icon-group .icon {
    background: none;
    border: 0;
    font-family: pepmdx2;
    font-size: 16px;
    color: #00233C;
    text-align: center;
    width: unset;
    height: unset;
    padding: 0;
    margin: 0;
    line-height: 20px;
    top: 0;
  }
  #prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group.selected .content .description-group .steps .icon-group .text {
    padding-left: 15px;
    width: 200px;
    padding-bottom: 10px;
  }
  #prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group.selected .content .description-group .steps .list-group ul li {
    list-style: disc !important;
    margin-left: 15px;
    font-size: 18px;
  }
  #prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group.selected .content .description-group .steps .list-group ul li .main-text {
    font-family: Avenir-Heavy;
    font-size: 16px;
    color: #00233C;
    line-height: 24px;
  }
  #prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group.selected .content .description-group .steps .list-group ul li .support-text {
    font-family: Avenir-Roman;
    font-size: 14px;
    color: #00233C;
    line-height: 20px;
    margin-bottom: 16px;
  }
  #prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group.selected .content .next-step-block {
    text-align: left;
    margin: 50px 0;
  }
  #prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group.selected .content .next-step-block a {
    text-decoration: none;
    padding-bottom: 10px;
    border-bottom: 3px solid #00233C;
  }
  #prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group.selected .content .next-step-block .next-step-text {
    font-family: Avenir-Heavy;
    font-size: 16px;
    color: #00233C;
    text-align: left;
    width: 100%;
  }
  #prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group.selected .content .next-step-block .next-arrow {
    background: url(../images/arrow.svg);
    background-position-x: 90%;
    background-position-y: 4px;
    background-repeat: no-repeat;
    padding-right: 40px;
  }
  #prospectsPages .member-hub-tabbed-steps .main-content .tabbed-steps .step-group.selected .pointer-box {
    display: none;
  }
  #prospectsPages .member-hub-tabbed-steps .main-content .content-divider {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  #mediaEngineGallery.bravissimo #heroText .custom-title-1 {
    font-size: 24px;
  }
  #mediaEngineGallery.bravissimo #heroText .openMediaEngineButton {
    font-size: 16px;
  }
  #prospectsPages .single-hero-image {
    width: 100%;
    height: 25vh;
    object-fit: cover;
  }
  #prospectsPages div.hero-media-icon.hub-page {
    width: 53px;
    height: 53px;
    bottom: -27px;
  }
  #prospectsPages div.hero-media-icon.hub-page .member-hub-hero-icon {
    width: 36px;
    padding-top: 2px;
    padding-right: 2px;
  }
  #prospectsPages .member-hub-page-intro {
    margin-top: -30px !important;
    margin-bottom: 0 !important;
  }
  #prospectsPages .member-hub-page-intro h1 {
    font-size: 30px;
    line-height: 41px;
  }
  #prospectsPages .member-hub-page-intro .module-description {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 5px !important;
    padding: 0;
  }
  #prospectsPages .member-hub-video-block {
    padding: 40px 0;
    margin-bottom: 35px !important;
  }
  #prospectsPages .member-hub-video-block .container-fluid {
    padding: 0 !important;
  }
  #prospectsPages .member-hub-video-block .container-fluid .module-title {
    font-size: 24px;
    line-height: 32px;
  }
  #prospectsPages .member-hub-video-block .container-fluid .module-title .content {
    margin: 0 10px;
  }
  #prospectsPages .member-hub-video-block .container-fluid .module-title .left-icon {
    padding: 0 40px;
    background-size: 75%;
    background-position-x: right;
    background-position-y: 10px;
  }
  #prospectsPages .member-hub-video-block .container-fluid .module-title .right-icon {
    padding: 0 40px;
    background-size: 75%;
    background-position-x: left;
    background-position-y: 10px;
  }
  #prospectsPages .member-hub-video-block .container-fluid .module-description {
    font-size: 16px;
    line-height: 24px;
    margin: 10px 20px 30px !important;
  }
}

@media screen and (min-width: 715px) and (max-width: 767px) {
  #prospectsPages .prospect-nav-content > div:first-child {
    width: 60%;
    float: left;
  }
  #prospectsPages .prospect-nav-content > div:last-child {
    width: 40%;
    float: left;
  }
}

@media screen and (min-width: 715px) and (max-width: 979px) {
  #prospectsPages .prospect-nav-content > div:first-child {
    width: 51%;
  }
  #prospectsPages .prospect-nav-content > div:last-child {
    width: 49%;
  }
  #prospectsPages .prospect-nav-content > div:last-child > div {
    display: block !important;
  }
  #prospectsPages .prospect-nav-content > div:last-child > div .col-left {
    display: block !important;
    padding-left: 29px;
  }
  #prospectsPages .prospect-nav-content > div:last-child > div .btn-container {
    display: block !important;
    margin: 15px 0;
    text-align: left;
  }
  #prospectsPages .prospect-nav-content > div:last-child > div .btn-primary {
    margin: 0 0 0 29px;
  }
  #prospectsPages .prospect-nav-content .nav-line {
    margin-top: 17%;
  }
  #prospectsPages .prospect-nav-content .nav-icon-link {
    top: -30px;
  }
  #prospectsPages .prospect-nav-content .next-section {
    min-height: unset;
    padding: 10px 40px 0 0;
  }
}

@media screen and (max-width: 714px) {
  /* Prospects Navigation Module */
  #prospectsPages .prospect-nav {
    margin-bottom: 40px !important;
  }
  #prospectsPages .prospect-nav .col-sm-7 {
    padding: 0;
  }
  #prospectsPages .prospect-nav .col-left, #prospectsPages .prospect-nav .btn-container {
    padding: 0 20px;
  }
  #prospectsPages .prospect-nav .prospect-nav-content {
    padding: 0;
  }
  #prospectsPages .prospect-nav .prospect-nav-content > div {
    padding: initial;
    display: block !important;
  }
  #prospectsPages .prospect-nav .prospect-nav-content > div:last-child {
    padding: 0;
  }
  #prospectsPages .prospect-nav .prospect-nav-content > div:last-child > div {
    display: block;
    width: initial;
    border-left: initial;
  }
  #prospectsPages .prospect-nav .col-left {
    display: block;
    width: initial;
    float: initial;
  }
  #prospectsPages .prospect-nav .nav-title {
    font-family: Avenir-heavy,Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #00233C;
    line-height: 28px;
    margin-top: 23px;
    padding: 0 20px;
  }
  #prospectsPages .prospect-nav .nav-line {
    margin-top: 52px;
  }
  #prospectsPages .prospect-nav .nav-icon-link {
    padding: 0 15px;
    top: -28px;
  }
  #prospectsPages .prospect-nav .nav-icon-link .nav-icon-holder.col-xs-3 {
    padding: 0;
  }
  #prospectsPages .prospect-nav .nav-icon-link .nav-icon-holder .nav-icon {
    width: 50px;
    height: 50px;
  }
  #prospectsPages .prospect-nav .nav-icon-link .nav-icon-holder .nav-icon.active {
    width: 60px;
    height: 60px;
  }
  #prospectsPages .prospect-nav .nav-icon-link .nav-icon-holder .nav-icon.active .icon {
    line-height: 57px;
  }
  #prospectsPages .prospect-nav .nav-icon-link .nav-icon-holder .nav-icon .icon {
    font-size: 28px;
    line-height: 48px;
  }
  #prospectsPages .prospect-nav .nav-icon-link .nav-icon-holder.active .nav-text {
    margin-top: 11px !important;
  }
  #prospectsPages .prospect-nav .nav-icon-link .nav-icon-holder .nav-text {
    font-size: 14px;
    padding: 0;
    margin-top: 16px !important;
    line-height: 20px;
    width: 100%;
  }
  #prospectsPages .prospect-nav .arrow-up {
    position: relative;
    background: #F7F9FC;
    border-top: 1px solid #D0DDE7;
  }
  #prospectsPages .prospect-nav .arrow-up:after, #prospectsPages .prospect-nav .arrow-up:before {
    bottom: 100%;
    left: 35%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }
  #prospectsPages .prospect-nav .arrow-up.arrow-1:after, #prospectsPages .prospect-nav .arrow-up.arrow-1:before {
    left: 10%;
  }
  #prospectsPages .prospect-nav .arrow-up.arrow-2:after, #prospectsPages .prospect-nav .arrow-up.arrow-2:before {
    left: 37.5%;
  }
  #prospectsPages .prospect-nav .arrow-up.arrow-3:after, #prospectsPages .prospect-nav .arrow-up.arrow-3:before {
    left: 62.5%;
  }
  #prospectsPages .prospect-nav .arrow-up.arrow-4:after, #prospectsPages .prospect-nav .arrow-up.arrow-4:before {
    left: 87.5%;
  }
  #prospectsPages .prospect-nav .arrow-up:after {
    border-color: rgba(247, 249, 252, 0);
    border-bottom-color: #F7F9FC;
    border-width: 20px;
    margin-left: -20px;
  }
  #prospectsPages .prospect-nav .arrow-up:before {
    border-color: rgba(208, 221, 231, 0);
    border-bottom-color: #D0DDE7;
    border-width: 21px;
    margin-left: -21px;
  }
  #prospectsPages .prospect-nav .next-section {
    border-left: none;
    margin-top: 0;
    padding: 0 0 20px;
    min-height: auto;
  }
  #prospectsPages .prospect-nav .next-section .next-text {
    color: #01749A;
  }
  #prospectsPages .prospect-nav .next-section a {
    line-height: 32px;
  }
  #prospectsPages .prospect-nav .btn-container {
    text-align: center;
    display: block;
    width: initial;
    float: initial;
    vertical-align: initial;
  }
  #prospectsPages .prospect-nav .btn-container .btn-primary {
    width: 100%;
    margin: 0 0 25px;
  }
}

#memberReferralPage.redesign {
  /** Mobile **/
  /** Mobile End **/
}

#memberReferralPage.redesign a:focus, #memberReferralPage.redesign button:focus {
  outline: 1px dotted #000;
  outline-offset: 5px;
}

#memberReferralPage.redesign .select-toggle:focus,
#memberReferralPage.redesign input:focus, #memberReferralPage.redesign button:focus,
#memberReferralPage.redesign .rich-checkbox:focus {
  outline: 1px dotted #000;
}

#memberReferralPage.redesign [data-icon]:before {
  font-family: pepmdx2 !important;
  content: attr(data-icon);
  speak: none;
}

#memberReferralPage.redesign [data-icon3]:before {
  font-family: pepmdx3 !important;
  content: attr(data-icon3);
  speak: none;
}

#memberReferralPage.redesign .breadcrumb-container {
  position: absolute;
  width: 100%;
}

#memberReferralPage.redesign .breadcrumb-container .media {
  margin: 29px auto 0;
  position: relative;
  z-index: 999;
  max-width: 940px;
}

#memberReferralPage.redesign .hero-image-media {
  position: relative;
}

#memberReferralPage.redesign .hero-image-media img {
  width: 100%;
  height: auto;
}

#memberReferralPage.redesign .hero-image-media .media-text-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
}

#memberReferralPage.redesign .hero-image-media .media-title {
  font-size: 50px;
  letter-spacing: 0;
  line-height: 60px;
}

#memberReferralPage.redesign .hero-image-media .media-links {
  text-align: center;
  margin-top: 20px;
}

#memberReferralPage.redesign .hero-image-media .media-links a {
  font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
  font-size: 20px;
  letter-spacing: 0;
}

#memberReferralPage.redesign #campaign {
  position: relative;
}

#memberReferralPage.redesign .dvcss-page-body {
  max-width: 940px;
  width: auto;
  margin: 0 auto;
  text-align: left;
}

#memberReferralPage.redesign .intro-copy {
  margin: 60px 0 80px;
  text-align: center;
}

#memberReferralPage.redesign .intro-copy .content-title {
  font-family: Avenir-medium, Helvetica, Arial, sans-serif;
  font-size: 36px;
  color: #00233C;
  letter-spacing: 0;
  line-height: 48px;
}

#memberReferralPage.redesign .intro-copy .content-sub-title {
  width: 664px;
  margin: 12px auto 0;
}

#memberReferralPage.redesign .box-module {
  margin-bottom: 90px;
}

#memberReferralPage.redesign .box-module .module-title {
  text-align: center;
  font-family: Avenir-medium, Helvetica, Arial, sans-serif;
  font-size: 28px;
  color: #00233C;
  letter-spacing: 0;
  text-align: center;
  line-height: 32px;
}

#memberReferralPage.redesign .box-module .box-content {
  border: 1px solid #A1AFC0;
  border-radius: 5px;
  text-align: center;
}

#memberReferralPage.redesign .box-module .box-content .box-legend {
  position: relative;
  top: -10px;
  background: #fff;
  display: table;
  text-align: center;
  margin: 0 auto;
  padding: 0 20px;
}

#memberReferralPage.redesign .box-module .box-content .box-content-tiles .tile {
  padding: 20px 20px 50px;
}

#memberReferralPage.redesign .box-module .box-content .box-content-tiles .tile-title {
  font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
  font-size: 18px;
  margin: 10px 0;
}

#memberReferralPage.redesign .box-module .box-content .box-content-tiles .tile-description {
  padding: 0 10px;
}

#memberReferralPage.redesign .box-module .box-content .box-content-tiles .icon:before {
  font-size: 40px;
}

#memberReferralPage.redesign .box-module .box-footer {
  background: #F7F9FC;
  text-align: center;
  padding: 27px 0;
  border-radius: 0 0 5px 5px;
  max-height: 90px;
}

#memberReferralPage.redesign .box-module .box-footer .icon {
  position: relative;
  top: 5px;
  margin-right: 10px;
}

#memberReferralPage.redesign .box-module .box-footer .icon:before {
  font-size: 24px;
}

#memberReferralPage.redesign .member-referral-section h2.form-title {
  font-family: Avenir-medium, Helvetica, Arial, sans-serif;
  font-size: 36px;
  color: #00233C;
  letter-spacing: 0;
  line-height: 48px;
  border-bottom: 1px #E2E7EC solid;
  padding: 0 10px 20px 0;
}

#memberReferralPage.redesign .panel-body {
  padding-top: 0;
}

#memberReferralPage.redesign .modal {
  background: rgba(255, 255, 255, 0.58);
}

#memberReferralPage.redesign .modal .modal-content {
  box-shadow: none;
  border-radius: 0;
  border: 2px solid #A1AFC0;
  -webkit-box-shadow: 0;
  text-align: left;
  padding: 10px 20px 30px;
}

#memberReferralPage.redesign .modal .modal-content .checkList {
  padding: 0 20px;
  max-height: 377px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

#memberReferralPage.redesign .modal .modal-content .checkList ol li {
  list-style: disc;
}

#memberReferralPage.redesign .modal .modal-content .modal-body {
  text-align: left;
  padding-top: 0;
  padding-bottom: 5px;
  font-size: 16px;
}

#memberReferralPage.redesign .modal .modal-content .close {
  float: right;
  opacity: 1;
  font-size: 30px;
  color: #A1AFC0;
}

#memberReferralPage.redesign .modal .modal-content .modal-header {
  border-bottom: none;
  padding-bottom: 0;
}

#memberReferralPage.redesign .modal .modal-content .modal-title {
  font-family: Avenir-black, Helvetica, Arial, sans-serif !important;
}

#memberReferralPage.redesign .modal .modal-content .modalHeader {
  display: flex;
  margin: 20px 0 0;
}

#memberReferralPage.redesign .modal .modal-content .modalHeader .largeBack {
  color: #78899E;
  font-size: 24px;
  position: absolute;
  right: 7px;
}

#memberReferralPage.redesign .modal .modal-content h2 {
  font-family: Avenir-black, Helvetica, Arial, sans-serif !important;
}

#memberReferralPage.redesign .agree-terms {
  padding-bottom: 60px;
}

#memberReferralPage.redesign.snowball .selectBox.large .richSelectArrowIcon,
#memberReferralPage.redesign.snowball .selectBox.longAvatar .richSelectArrowIcon,
#memberReferralPage.redesign.snowball .selectBox.standardFormElement .richSelectArrowIcon {
  top: 10px !important;
}

#memberReferralPage.redesign.snowball .form-section.friends-information {
  padding-top: 20px;
}

#memberReferralPage.redesign.snowball .content-section {
  padding: 0;
}

#memberReferralPage.redesign.snowball .btn-secondary {
  border-color: #00739A;
  color: #00739A;
}

#memberReferralPage.redesign.snowball .btn-secondary:hover {
  color: #FFF;
  border-color: #003F54;
  background: #003F54;
}

#memberReferralPage.redesign.snowball .btn-secondary:focus, #memberReferralPage.redesign.snowball .btn-secondary:active {
  color: #FFF;
  border-color: #00233C;
  background: #00233C;
}

#memberReferralPage.redesign.snowball .btn-primary {
  background-color: #00739A;
  border-color: #00739A;
}

#memberReferralPage.redesign.snowball .btn-primary:hover {
  color: #FFF;
  border-color: #003F54;
  background: #003F54;
}

#memberReferralPage.redesign.snowball .btn-primary:focus, #memberReferralPage.redesign.snowball .btn-primary:active {
  color: #FFF;
  border-color: #00233C;
  background: #00233C;
}

#memberReferralPage.redesign.snowball .btn-primary.disabled {
  background-color: #BADFF3;
  border-color: #BADFF3;
}

@media screen and (max-width: 767px) {
  #memberReferralPage.redesign .intro-copy {
    margin: 40px 0 60px;
    padding: 0 10px;
  }
  #memberReferralPage.redesign .intro-copy .content-sub-title {
    width: 100%;
  }
  #memberReferralPage.redesign .cbox label,
  #memberReferralPage.redesign .cbox label a {
    line-height: 24px;
  }
  #memberReferralPage.redesign .member-referral-section h2.form-title {
    padding-left: 0;
  }
  #memberReferralPage.redesign .panel-body {
    padding: 0 20px;
  }
  #memberReferralPage.redesign .box-module {
    padding: 0 20px;
    margin-bottom: 60px;
  }
  #memberReferralPage.redesign .box-module .box-content .box-legend {
    padding: 0 10px;
  }
  #memberReferralPage.redesign .box-module .box-content .box-content-tiles .tile {
    padding-top: 10px;
  }
  #memberReferralPage.redesign .box-module .box-footer {
    display: table;
    text-align: left;
    padding: 30px 20px;
  }
  #memberReferralPage.redesign .box-module .box-footer .text {
    display: table-cell;
    padding-left: 20px;
    padding-right: 10px;
  }
  #memberReferralPage.redesign .box-module .horizontalSeparator {
    width: 80%;
  }
  #memberReferralPage.redesign .modal {
    background: #fff;
  }
  #memberReferralPage.redesign .modal .modal-dialog {
    top: 0;
    margin: 0;
  }
  #memberReferralPage.redesign .modal .modal-content {
    border: none;
    padding: 0;
  }
  #memberReferralPage.redesign .modal .modal-content .checkList {
    max-height: 100%;
    overflow-y: hidden;
    padding-left: 40px;
  }
  #memberReferralPage.redesign .modal .modal-content .modalHeader {
    margin: 20px 0;
    border-bottom: 1px #E2E7EC solid;
    padding-bottom: 15px;
  }
  #memberReferralPage.redesign .modal .modal-content .modalHeader h2 {
    width: 100%;
    margin: 3px 0 0 75px;
    font-size: 20px;
  }
  #memberReferralPage.redesign .modal .modal-content .modalHeader .smallBack {
    color: #1994D7;
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
  }
  #memberReferralPage.redesign .modal .modal-title {
    font-size: 20px;
    text-align: center;
    line-height: 20px;
  }
  #memberReferralPage.redesign .modal .modal-header {
    border-bottom: 1px solid #ECF1F4;
  }
  #memberReferralPage.redesign .modal .modal-body {
    padding: 0 0 20px;
  }
  #memberReferralPage.redesign .statesEligibiltyCopy {
    margin-top: 20px;
  }
  #memberReferralPage.redesign.snowball .selectBox .select-toggle .select-value {
    margin-top: 10px;
  }
  #memberReferralPage.redesign .dvui-fieldset {
    margin-top: 0;
    margin-bottom: 0;
  }
  #memberReferralPage.redesign .dvui-fieldset-row .dvui-fieldset-col {
    margin-top: 10px;
  }
  #memberReferralPage.redesign .email-wrapper {
    margin-top: 20px;
  }
  #memberReferralPage.redesign .refer-my-guide {
    margin-top: 20px;
    margin-bottom: 40px;
  }
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel, .owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  display: none;
}

.no-js .owl-carousel, .owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

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

.owl-height {
  transition: height .5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity .4s ease;
}

.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform .1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity .4s ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/** Member Homepage Redesign CSS **/
#homePageRedesign {
  /** Hero Media **/
  /** End Hero Media **/
  /** Quick Quote **/
  /** End Quick Quote **/
  /** News & Alerts **/
  /** End News & Alerts **/
  /** Start Shop Disney **/
  /** End Shop Disney **/
  /** Start DVC Blog **/
  /** End DVC Blog **/
}

#homePageRedesign .bravissimo .subHeroImageWrapper #heroText {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

#homePageRedesign .bravissimo .subHeroImageWrapper #heroText h1,
#homePageRedesign .bravissimo .subHeroImageWrapper #heroText h2 {
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 3.8vw;
  line-height: 60px;
  margin: 0 20px 40px;
  color: #FFFFFF;
}

#homePageRedesign .bravissimo .subHeroImageWrapper #heroText .openMediaEngineButton:focus,
#homePageRedesign .bravissimo .subHeroImageWrapper #heroText .openMediaEngineButton:hover {
  opacity: 1;
  text-decoration: underline !important;
}

#homePageRedesign .bravissimo .subHeroImageWrapper #heroText #mediaEngineLauncher12 {
  text-align: center;
}

#homePageRedesign .bravissimo .subHeroImageWrapper #heroText #mediaEngineLauncher12 a {
  font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
  font-size: 1.8vw;
  color: #FFFFFF;
  padding-right: 30px;
}

#homePageRedesign .bravissimo .subHeroImageWrapper #heroText #mediaEngineLauncher12 #offerDetails:after {
  content: '\e30c';
  font-family: pepmdx2 !important;
  font-size: 1.8vw;
  color: #FFFFFF;
  padding-left: 5px;
}

#homePageRedesign .bravissimo .subHeroImageWrapper #heroText #mediaEngineLauncher12 #signIn:after,
#homePageRedesign .bravissimo .subHeroImageWrapper #heroText #mediaEngineLauncher12 a#signInJP:after {
  content: '\e32a';
  font-family: pepmdx2 !important;
  font-size: 1.8vw;
  color: #FFFFFF;
  padding-left: 5px;
}

#homePageRedesign .memberHero .member-loggedout-hero-content {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

#homePageRedesign .memberHero .member-loggedout-hero-content .welcome h1,
#homePageRedesign .memberHero .member-loggedout-hero-content .welcome h2 {
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 3.8vw;
  line-height: 60px;
  margin: 0 20px 40px;
  color: #FFFFFF;
}

#homePageRedesign .memberHero .member-loggedout-hero-content .linkContainer {
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}

#homePageRedesign .memberHero .member-loggedout-hero-content .linkContainer a {
  font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
  font-size: 1.8vw;
  color: #FFFFFF;
  padding-right: 30px;
}

#homePageRedesign .memberHero .member-loggedout-hero-content .linkContainer #offerDetails:after {
  content: '\e30c';
  font-family: pepmdx2 !important;
  font-size: 1.8vw;
  color: #FFFFFF;
  padding-left: 5px;
}

#homePageRedesign .memberHero .member-loggedout-hero-content .linkContainer #signIn:after,
#homePageRedesign .memberHero .member-loggedout-hero-content .linkContainer a#signInJP:after {
  content: '\e32a';
  font-family: pepmdx2 !important;
  font-size: 1.8vw;
  color: #FFFFFF;
  padding-left: 5px;
}

@media (max-width: 767px) {
  #homePageRedesign .memberHero .member-loggedout-hero-content {
    top: 50%;
  }
  #homePageRedesign .memberHero .member-loggedout-hero-content .welcome h1,
  #homePageRedesign .memberHero .member-loggedout-hero-content .welcome h2 {
    font-size: 28px;
    line-height: 36px;
  }
  #homePageRedesign .memberHero .member-loggedout-hero-content .linkContainer a,
  #homePageRedesign .memberHero .member-loggedout-hero-content #signIn:after,
  #homePageRedesign .memberHero .member-loggedout-hero-content #signInJP:after,
  #homePageRedesign .memberHero .member-loggedout-hero-content #offerDetails:after {
    font-size: 16px;
  }
  #homePageRedesign .bravissimo .subHeroImageWrapper #heroText h1 {
    font-size: 28px;
    line-height: 36px;
  }
  #homePageRedesign .bravissimo .subHeroImageWrapper #heroText #mediaEngineLauncher12 a,
  #homePageRedesign .bravissimo .subHeroImageWrapper #heroText #signIn:after,
  #homePageRedesign .bravissimo .subHeroImageWrapper #heroText #signInJP:after,
  #homePageRedesign .bravissimo .subHeroImageWrapper #heroText #offerDetails:after {
    font-size: 16px !important;
  }
}

#homePageRedesign .qq-container {
  position: relative;
  top: -80px;
}

#homePageRedesign #quickQuoteHomepageSpacer {
  height: 80px;
}

#homePageRedesign #quickQuoteHomepage .checkAvailabilityToggle {
  font-family: Avenir-book, Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #1A82A5;
  padding: 0;
  margin: 21px 0 10px;
  text-decoration: none;
  display: none;
  cursor: pointer;
}

#homePageRedesign #quickQuoteHomepage .checkAvailabilityToggle span {
  line-height: 32px;
}

#homePageRedesign #quickQuoteHomepage .checkAvailabilityToggle.arrow-down:before {
  content: '\e316';
  font-size: 18px;
  color: #1A82A5;
  font-family: pepmdx2 !important;
  padding-right: 15px;
}

#homePageRedesign #quickQuoteHomepage .checkAvailabilityToggle.arrow-right:before {
  content: '\e30e';
  font-size: 18px;
  color: #1A82A5;
  font-family: pepmdx2 !important;
  padding-right: 15px;
}

#homePageRedesign #quickQuoteHomepage .peptasia-calendar {
  font-size: 20px;
  color: #1A82A5;
}

#homePageRedesign #quickQuoteHomepage .dvcss-hr-faded {
  display: none;
}

#homePageRedesign #quickQuoteHomepage .formInputElement {
  margin: 0;
}

#homePageRedesign #quickQuoteHomepage .textInput {
  padding: 0;
}

#homePageRedesign #quickQuoteHomepage .flex-grid {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  padding: 8px 30px;
  background-color: #FFFFFF;
  max-width: 1278px;
  margin: 0 auto;
}

#homePageRedesign #quickQuoteHomepage .flex-col {
  margin-right: 30px;
}

#homePageRedesign #quickQuoteHomepage .flex-col:last-child {
  margin-right: 0;
}

#homePageRedesign #quickQuoteHomepage label {
  font-size: 14px;
  color: #A1AFC0;
}

#homePageRedesign #quickQuoteHomepage .selectBox .select-toggle > span.select-value,
#homePageRedesign #quickQuoteHomepage #accessibleRooms_label,
#homePageRedesign #quickQuoteHomepage .inputElement {
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 20px;
  color: #253B56;
  letter-spacing: 0;
  line-height: 28px;
}

#homePageRedesign #quickQuoteHomepage .select-dates {
  width: 310px;
}

#homePageRedesign #quickQuoteHomepage .select-dates .date-input {
  max-width: 130px;
  display: inline-block;
  margin-top: 5px;
  padding-bottom: 3px;
}

#homePageRedesign #quickQuoteHomepage .select-dates .spacer {
  display: inline-block;
  width: 18px;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  vertical-align: top;
  margin-top: 5px;
}

#homePageRedesign #quickQuoteHomepage .select-dates .dropdown-menu {
  box-shadow: none;
}

#homePageRedesign #quickQuoteHomepage .select-dates .inputElement {
  line-height: 0;
  margin: 0;
}

#homePageRedesign #quickQuoteHomepage .accessible-room {
  margin-top: 20px;
}

#homePageRedesign #quickQuoteHomepage .select-roomtype,
#homePageRedesign #quickQuoteHomepage .select-resort,
#homePageRedesign #quickQuoteHomepage .selectBox {
  width: 200px;
}

#homePageRedesign #quickQuoteHomepage .btn-container {
  width: 14.5%;
}

#homePageRedesign #quickQuoteHomepage .btn-container .checkAvailabilityBtn {
  background: #61941B;
  color: #FFF !important;
  font-size: 16px;
  width: 100%;
  text-align: center;
  margin-top: 10px;
  height: auto;
  border-color: #61941B;
  line-height: 20px;
  border-radius: 3px;
}

#homePageRedesign #quickQuoteHomepage .btn-primary.checkAvailabilityBtn:hover {
  background: #58831B !important;
  border-color: #58831B !important;
}

#homePageRedesign #quickQuoteHomepage .btn-primary.checkAvailabilityBtn:active, #homePageRedesign #quickQuoteHomepage .btn-primary.checkAvailabilityBtn:focus {
  background: #33490F !important;
  border-color: #33490F !important;
}

#homePageRedesign #quickQuoteHomepage .date-picker-input-group {
  border-bottom: 2px solid #a1afc0;
  margin: 0 0 10px;
}

#homePageRedesign #quickQuoteHomepage .date-picker-input-group .date-to label {
  display: none;
}

#homePageRedesign #quickQuoteHomepage .date-picker-input-group .btn,
#homePageRedesign #quickQuoteHomepage .date-picker-input-group .btn:focus,
#homePageRedesign #quickQuoteHomepage .date-picker-input-group .btn:hover {
  display: inline-block;
  width: auto;
  border: none;
  position: absolute;
  top: 0;
  outline: none;
  padding: 0;
  right: 5px;
}

#homePageRedesign #quickQuoteHomepage .date-picker-input-group .formInputElement .textInput input,
#homePageRedesign #quickQuoteHomepage .date-picker-input-group .formInputElement .textInput input:hover,
#homePageRedesign #quickQuoteHomepage .date-picker-input-group .formInputElement .textInput input:focus {
  border: none !important;
  box-shadow: none;
}

#homePageRedesign #quickQuoteHomepage .date-picker-input-group label, #homePageRedesign #quickQuoteHomepage .date-picker-input-group label:after {
  display: none;
}

#homePageRedesign #quickQuoteHomepage .selectBox .select-toggle {
  margin-top: 5px;
  height: 36px;
}

@media only screen and (max-width: 1268px) {
  #homePageRedesign .content-modules {
    top: 0 !important;
  }
  #homePageRedesign .qq-container {
    top: 0;
    padding: 0 15px;
  }
  #homePageRedesign #quickQuoteHomepage .checkAvailabilityToggle {
    display: block;
  }
  #homePageRedesign #quickQuoteHomepage .dvcss-hr-faded {
    display: block;
  }
  #homePageRedesign #quickQuoteHomepage .flex-grid {
    display: block;
    padding: 0;
    margin: 0 5px;
  }
  #homePageRedesign #quickQuoteHomepage .flex-grid .flex-col {
    margin-bottom: 16px;
  }
  #homePageRedesign #quickQuoteHomepage .select-dates {
    width: 100%;
  }
  #homePageRedesign #quickQuoteHomepage .select-roomtype,
  #homePageRedesign #quickQuoteHomepage .select-resort,
  #homePageRedesign #quickQuoteHomepage .selectBox,
  #homePageRedesign #quickQuoteHomepage .formInputElement {
    width: 100%;
  }
  #homePageRedesign #quickQuoteHomepage .btn-container {
    width: 100%;
  }
  #homePageRedesign #quickQuoteHomepage .selectBox .select-toggle .select-value {
    margin-top: 0;
  }
  #homePageRedesign #quickQuoteHomepage .selectBox .richSelectArrowIcon {
    top: 7px !important;
  }
  #homePageRedesign #quickQuoteHomepage .dvcss-hr-faded {
    width: 60%;
    margin: 40px auto 0;
    background-image: radial-gradient(52% 50%, #D0DDE7 48%, #FFF 100%);
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(255, 255, 255, 0)), color-stop(5%, #D0DDE7), color-stop(95%, #D0DDE7), to(white));
  }
  #homePageRedesign #quickQuoteHomepage #checkAvailabilityBtn {
    margin-top: 15px;
  }
  #homePageRedesign #quickQuoteHomepage .accessible-room {
    margin-top: 30px;
  }
}

#homePageRedesign .memberNewsAlert {
  max-width: 1200px;
  margin: 0 auto;
  clear: both;
  text-align: center;
}

#homePageRedesign .memberNewsAlert .news-alert-group {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0;
}

#homePageRedesign .memberNewsAlert .news-alert-group .item {
  flex: 1 1 0;
  margin-right: 33.3px;
}

#homePageRedesign .memberNewsAlert .itemContent {
  background: rgba(236, 241, 244, 0.42);
  border: 2px solid #ECF1F4;
  border-radius: 14px;
}

#homePageRedesign .memberNewsAlert h2 {
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 36px;
  line-height: 48px;
  margin-bottom: 12px;
}

#homePageRedesign .memberNewsAlert .newsAlertitems {
  margin-top: 40px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#homePageRedesign .memberNewsAlert .viewAllNewsAlerts {
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #1A82A5;
}

#homePageRedesign .memberNewsAlert .newsAlertitems .item .itemContent {
  padding: 20px;
  height: 100%;
  display: table;
}

#homePageRedesign .memberNewsAlert .newsAlertitems .item .icon {
  font-size: 24px;
  display: table-cell;
  font-size: 24px;
  width: 35px;
  padding-right: 20px;
  vertical-align: middle;
}

#homePageRedesign .memberNewsAlert .newsAlertitems .item .text {
  font-size: 16px;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  width: 190px;
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}

#homePageRedesign .memberNewsAlert #memberNewsAlertModal .item {
  margin: 10px;
}

@media (max-width: 1240px) {
  #homePageRedesign .memberNewsAlert {
    margin: 30px 10px 0 20px;
  }
  #homePageRedesign .memberNewsAlert .news-alert-group .item {
    margin-right: 10px;
  }
}

@media only screen and (max-width: 360px) {
  #homePageRedesign .newsAlertitems .item .text {
    word-break: break-word;
    -ms-word-break: break-all;
    overflow-wrap: break-word;
  }
}

@media (max-width: 319px) {
  #homePageRedesign .memberNewsAlert #memberNewsAlertModal .item {
    margin: 10px 0;
  }
  #homePageRedesign .memberNewsAlert .news-alert-group {
    display: block;
  }
  #homePageRedesign .memberNewsAlert .newsAlertitems {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  #homePageRedesign .memberNewsAlert .newsAlertitems .item {
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  #homePageRedesign #quickQuoteHomepageSpacer {
    height: 0;
  }
  #homePageRedesign .memberNewsAlert {
    width: 100%;
    text-align: left;
    padding-top: 40px;
    margin: 0;
  }
  #homePageRedesign .memberNewsAlert .newsAlertitems {
    margin-top: 20px;
    display: block;
    margin-left: 20px;
    margin-right: 20px;
    justify-content: center;
  }
  #homePageRedesign .memberNewsAlert .newsAlertitems .item {
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 10px;
    text-align: left;
    vertical-align: top;
    margin-right: 15px;
    width: 50%;
  }
  #homePageRedesign .memberNewsAlert .newsAlertitems .item .icon {
    display: inline-block;
    width: 100%;
    text-align: left;
  }
  #homePageRedesign .memberNewsAlert .newsAlertitems .item .text {
    width: 100%;
    display: inline-block;
    text-align: left;
  }
  #homePageRedesign .memberNewsAlert .newsAlertitems .item .text br {
    display: none;
  }
  #homePageRedesign .memberNewsAlert h2 {
    text-align: left;
    padding: 0 20px;
    font-size: 28px;
    line-height: 36px;
  }
  #homePageRedesign .memberNewsAlert .viewAllNewsAlerts {
    text-align: left;
    padding: 0 20px;
  }
}

@media (max-width: 900px) {
  #homePageRedesign .memberNewsAlert .newsAlertitems .news-alert-group .item {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    width: 50%;
  }
  #homePageRedesign .memberNewsAlert .newsAlertitems .news-alert-group .item .icon {
    display: inline-block;
    width: 100%;
    text-align: left;
  }
  #homePageRedesign .memberNewsAlert .newsAlertitems .news-alert-group .item .text {
    width: 100%;
    display: inline-block;
    text-align: left;
  }
  #homePageRedesign .memberNewsAlert .newsAlertitems .news-alert-group.item .text br {
    display: none;
  }
}

#homePageRedesign .shop-disney {
  max-width: 1200px;
  margin: 0 auto;
  clear: both;
  text-align: center;
  margin-top: 80px;
}

#homePageRedesign .shop-disney .item a:hover {
  text-decoration: none;
}

#homePageRedesign .shop-disney h2 {
  font-size: 36px;
  color: #253B56;
  line-height: 48px;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
}

#homePageRedesign .shop-disney .intro {
  font-size: 16px;
  color: #253B56;
  line-height: 24px;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  margin-bottom: 14px;
}

#homePageRedesign .shop-disney .introLink {
  margin-bottom: 40px;
}

#homePageRedesign .shop-disney .introLink .linkShop {
  font-size: 16px;
  color: #1A82A5;
  line-height: 24px;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
}

#homePageRedesign .shop-disney .product-img {
  width: 100%;
  height: 285px;
  overflow: hidden;
  position: relative;
}

#homePageRedesign .shop-disney .product-img img {
  width: auto;
  max-width: fit-content;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#homePageRedesign .shop-disney .product-title {
  font-family: Avenir-heavy,Helvetica,Arial,sans-serif;
  font-size: 14px;
  color: #253B56;
  text-align: center;
  line-height: 20px;
  max-width: 250px;
  margin-top: 20px;
  margin-bottom: 10px;
}

#homePageRedesign .shop-disney .product-price {
  font-family: Avenir-medium, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #666666;
  text-align: center;
  line-height: 20px;
  max-width: 250px;
}

#homePageRedesign .shop-disney .dvcss-hr-faded,
#homePageRedesign .shop-disney .hr-fade {
  width: 750px;
  margin: 50px auto 0;
  background-image: radial-gradient(52% 50%, #D0DDE7 48%, #FFFFFF 100%);
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(255, 255, 255, 0)), color-stop(5%, #D0DDE7), color-stop(95%, #D0DDE7), to(white));
}

@media (max-width: 767px) {
  #homePageRedesign .shop-disney {
    width: 100%;
  }
  #homePageRedesign .shop-disney h2, #homePageRedesign .shop-disney .intro, #homePageRedesign .shop-disney .introlink {
    text-align: left;
    margin-left: 20px;
    margin-right: 20px;
  }
}

#homePageRedesign .dvc-blog {
  max-width: 1200px;
  margin: 0 auto;
  clear: both;
  text-align: center;
  margin-top: 80px;
}

#homePageRedesign .dvc-blog h2 {
  font-size: 36px;
  color: #253B56;
  line-height: 48px;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
}

#homePageRedesign .dvc-blog .intro {
  font-size: 16px;
  color: #253B56;
  line-height: 24px;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  margin-bottom: 14px;
}

#homePageRedesign .dvc-blog .introLink {
  margin-bottom: 40px;
}

#homePageRedesign .dvc-blog .owl-stage {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#homePageRedesign .dvc-blog .item {
  text-align: left;
  background-color: rgba(236, 241, 244, 0.42);
  border: solid 1px #ECF1F4;
  height: 100%;
  flex-grow: 1;
  margin-right: 60px;
}

#homePageRedesign .dvc-blog .owl-item:last-child .item {
  margin-right: 0;
}

#homePageRedesign .dvc-blog .blog-img {
  width: 100%;
  height: 204px;
  overflow: hidden;
  position: relative;
}

#homePageRedesign .dvc-blog .blog-img img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
}

#homePageRedesign .dvc-blog .blogItem .blog-date {
  font-size: 16px;
  color: #253B56;
  letter-spacing: 0;
  line-height: 24px;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  padding: 20px 0 0 20px;
  margin-bottom: 10px;
}

#homePageRedesign .dvc-blog .blogItem .blog-title {
  font-size: 20px;
  color: #253B56;
  letter-spacing: 0;
  line-height: 28px;
  font-family: Avenir-medium, Helvetica, Arial, sans-serif;
  padding: 0 20px;
  margin-bottom: 20px;
}

#homePageRedesign .dvc-blog .blogItem .blog-link {
  padding: 0 20px;
  margin-bottom: 20px;
}

#homePageRedesign .dvc-blog .blogItem .blog-link a {
  font-size: 16px;
  color: #00739A;
  letter-spacing: 0;
  line-height: 24px;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
}

#homePageRedesign .dvc-blog .owl-dots {
  margin-top: 30px;
}

@media (max-width: 767px) {
  #homePageRedesign .dvc-blog {
    width: 100%;
  }
  #homePageRedesign .dvc-blog .item {
    margin-right: 20px;
  }
  #homePageRedesign .dvc-blog .owl-item:last-child .item {
    margin-right: 0;
  }
  #homePageRedesign .dvc-blog h2, #homePageRedesign .dvc-blog .intro, #homePageRedesign .dvc-blog .introlink {
    text-align: left;
    margin-left: 20px;
    margin-right: 20px;
  }
}

#homePageRedesign .owl-dots button {
  width: 10px;
  height: 10px;
  margin-right: 15px;
  border: 1px solid #1A82A5;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
}

#homePageRedesign .owl-dots button.selected,
#homePageRedesign .owl-dots button.selected:hover,
#homePageRedesign .owl-dots button.selected:focus,
#homePageRedesign .owl-dots button.selected:active {
  background-color: #003F54;
  border-color: #003F54;
}

#homePageRedesign .owl-dots button:hover,
#homePageRedesign .owl-dots button:focus,
#homePageRedesign .owl-dots button:active {
  border: 1px solid #1A82A5;
}

#homePageRedesign .owl-dots button:focus {
  outline: 1px dotted #ccc;
}

#homePageRedesign .owl-dots button.owl-dot.active {
  background-color: #1A82A5;
  outline: #ccc dotted 1px;
}

.homePageSeparator {
  max-width: 850px;
  margin: 20px auto 0;
}

/**************************************************
 * Global Print - _global-print.scss
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #14 $
 * $Change: 1636665 $
 * $Date: 2016/06/24 $
 **************************************************/
@media screen and (max-width: 767px) {
  .non-responsive .mainWrapper {
    overflow-x: visible;
  }
  .non-responsive .dvcss-container {
    max-width: 980px;
    min-width: 767px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media print {
  .non-responsive .mainWrapper {
    overflow-x: visible;
  }
  .non-responsive .dvcss-container {
    max-width: 980px;
    min-width: 767px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

/**************************************************
 * Dues Statement Print - _dues-statement-print.scss
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #14 $
 * $Change: 1636665 $
 * $Date: 2016/06/24 $
 **************************************************/
#friendly-print-template #duesStatementPage .hidden-print {
  display: none !important;
}

#friendly-print-template #duesStatementPage .visible-print {
  display: block !important;
}

#friendly-print-template #duesStatementPage .memberStatementPanel > .panel-heading {
  border: 0;
}

#friendly-print-template #duesStatementPage #duesStatementFormModal {
  display: block !important;
  position: relative;
  top: auto;
  left: auto;
  bottom: auto;
  right: auto;
  z-index: auto !important;
  background: none;
  overflow: visible;
}

#friendly-print-template #duesStatementPage #duesStatementFormModal .modal-content {
  min-height: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

#friendly-print-template #duesStatementPage #duesStatementFormModal .modal-body {
  padding: 0;
}

#friendly-print-template #duesStatementPage .dvcGlobalStatementDatatable > .panel-group > .panel > .panel-heading {
  display: none !important;
}

#friendly-print-template #duesStatementPage .dvcGlobalStatementDatatable > .panel-group > .panel > .panel-body {
  margin-bottom: 30px;
}

#friendly-print-template #duesStatementPage .dvcGlobalStatementDatatable > .panel-group > .panel > .panel-body > .hidden-xs {
  display: block !important;
}

#friendly-print-template #duesStatementPage .dvcGlobalStatementDatatable > .panel-group > .panel > .panel-body > .panel-collapse {
  display: block !important;
}

#friendly-print-template #duesStatementPage .dvcGlobalStatementDatatable > .panel-group > .panel > .panel-body > .panel-collapse .statementDatatableMobile {
  display: none !important;
}

#friendly-print-template #duesStatementPage .dvcGlobalStatementDatatable > .panel-group > .panel > .panel-body > .panel-collapse + .balanceSummaryGroup {
  margin-top: 35px;
  margin-bottom: -30px;
}

#friendly-print-template #duesStatementPage .dvcGlobalStatementDatatable > .panel-group .balanceSummaryGroup .panel + .panel {
  margin-top: 35px;
}

@media print {
  #friendly-print-template #duesStatementPage .memberStatementPanel > .panel-heading {
    border: 0;
  }
  #friendly-print-template #duesStatementPage .modal-dialog {
    width: 100% !important;
    margin: 0 !important;
  }
  #friendly-print-template #duesStatementPage .modal-content {
    border: 0;
  }
  #friendly-print-template #duesStatementPage .modal-body {
    padding: 0 !important;
  }
  #friendly-print-template #duesStatementPage .balanceSummaryGroup > .panel > .panel-body > hr {
    background: #ddd !important;
  }
  #friendly-print-template #duesStatementPage .dvcss-form.form-inline .form-group {
    margin-right: 8px;
  }
}

/**************************************************
 * Loans Amortization Print - _loans-amortization-print.scss
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #14 $
 * $Change: 1636665 $
 * $Date: 2016/06/24 $
 **************************************************/
#friendly-print-template #loansAmortizationPage .membershipDetailsGroup .contractDetailsGroup {
  max-width: 420px !important;
  width: 420px !important;
}

#friendly-print-template #loansAmortizationPage .loansAmortizationFormWrapper #membershipContractForm .membershipIdRow #memberIdDropdown .membershipIdValue a[href^=tel] {
  color: #333;
}

@media screen and (max-width: 767px) {
  #friendly-print-template #loansAmortizationPage {
    /**
        |------------------------------------------------
        | Loans Amortization Main Panel
        |------------------------------------------------
        |
        | <dvcss-panel panel panel-default panel-lg>
        |
        */
    /**
        |------------------------------------------------
        | Loans Amortization Header
        |------------------------------------------------
        |
        | <dvcss-content-header>
        |
        */
    /**
        |------------------------------------------------
        | Loans Amortization Form Wrapper
        |------------------------------------------------
        |
        | <loansAmortizationFormWrapper>
        |
        */
    /**
        |------------------------------------------------
        | Loans Amortization Activity
        |------------------------------------------------
        |
        | <memberLoansAmortizationActivity>
        |
        */
  }
  #friendly-print-template #loansAmortizationPage .dvcss-panel.panel-lg {
    border-radius: 12px;
  }
  #friendly-print-template #loansAmortizationPage .dvcss-content-header {
    padding: 20px 20px 8px !important;
  }
  #friendly-print-template #loansAmortizationPage .dvcss-content-header .media-table .media-body {
    display: block !important;
  }
  #friendly-print-template #loansAmortizationPage .loansAmortizationFormWrapper > .panel-body {
    padding: 15px 20px 20px;
  }
  #friendly-print-template #loansAmortizationPage .loansAmortizationFormWrapper #loansAmortizationFormModal .modal-dialog #loansAmortizationForm > .modal-content > .modal-body {
    padding: 0;
  }
  #friendly-print-template #loansAmortizationPage .loansAmortizationFormWrapper #loansAmortizationFormModal .modal-dialog #loansAmortizationForm > .modal-content {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
  #friendly-print-template #loansAmortizationPage .loansAmortizationFormWrapper #loansAmortizationFormModal .membershipDetailsGroup .contractDetailsGroup,
  #friendly-print-template #loansAmortizationPage .membershipDetailsGroup .contractRangeRow {
    display: inline-block !important;
  }
  #friendly-print-template #loansAmortizationPage .loansAmortizationFormWrapper #loansAmortizationFormModal .membershipDetailsGroup .contractDetailsGroup {
    margin-right: 25px;
    vertical-align: top;
  }
  #friendly-print-template #loansAmortizationPage .loansAmortizationFormWrapper #loansAmortizationFormModal #loansAmortizationForm .membershipDetailsRow .contractDetailsText {
    margin-top: 8px;
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 0;
  }
  #friendly-print-template #loansAmortizationPage .loansAmortizationFormWrapper #loansAmortizationFormModal .membershipDetailsRow .membershipDetailsGroup .contractRangeRow {
    width: 220px;
  }
  #friendly-print-template #loansAmortizationPage .loansAmortizationFormWrapper #loansAmortizationFormModal .membershipDetailsRow .membershipDetailsGroup .contractRangeRow > .form-group {
    padding: 0;
  }
  #friendly-print-template #loansAmortizationPage .loansAmortizationFormWrapper #loansAmortizationFormModal .membershipDetailsRow .membershipDetailsGroup .contractRangeRow > .form-group .formInputElement {
    margin-bottom: 0 !important;
  }
  #friendly-print-template #loansAmortizationPage .memberLoansAmortizationActivity {
    padding-top: 35px;
  }
  #friendly-print-template #loansAmortizationPage .memberLoansAmortizationActivity .table-responsive {
    border: 0;
  }
  #friendly-print-template #loansAmortizationPage .memberLoansAmortizationActivity .memberLoansAmortizationActivityBalance {
    padding: 0 20px;
    margin-top: 0;
  }
  #friendly-print-template #loansAmortizationPage .memberLoansAmortizationActivity .memberLoansAmortizationActivityBalance .lead {
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 12px;
  }
  #friendly-print-template #loansAmortizationPage .memberLoansAmortizationActivity .memberLoansAmortizationActivityBalance ul {
    margin-bottom: 30px;
    border-bottom: 0;
    padding-bottom: 0;
  }
  #friendly-print-template #loansAmortizationPage .memberLoansAmortizationActivity .memberLoansAmortizationActivityFilters .media-body {
    padding: 0;
  }
  #friendly-print-template #loansAmortizationPage .memberLoansAmortizationActivity .memberLoansAmortizationActivityFilters .media-body h2 {
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    padding-bottom: 0;
  }
  #friendly-print-template #loansAmortizationPage .memberLoansAmortizationActivity .memberLoansAmortizationActivityFilters {
    padding: 0 20px !important;
  }
  #friendly-print-template #loansAmortizationPage .memberLoansAmortizationActivity .memberLoansAmortizationActivityFilters .media-table {
    border: 0;
  }
}

@media print {
  #friendly-print-template #loansAmortizationPage {
    /**
        |------------------------------------------------
        | Loans Amortization Form Wrapper
        |------------------------------------------------
        |
        | <loansAmortizationFormWrapper>
        |
        */
    /**
        |------------------------------------------------
        | Loans Amortization Activity
        |------------------------------------------------
        |
        | <memberLoansAmortizationActivity>
        |
        */
  }
  #friendly-print-template #loansAmortizationPage .loansAmortizationFormWrapper .modal-dialog {
    width: 100%;
    margin: 0;
  }
  #friendly-print-template #loansAmortizationPage .loansAmortizationFormWrapper .modal-dialog .modal-content {
    border: 0;
    box-shadow: 0;
  }
  #friendly-print-template #loansAmortizationPage .loansAmortizationFormWrapper .modal-dialog .modal-content .modal-body {
    padding: 0;
  }
  #friendly-print-template #loansAmortizationPage .loansAmortizationFormWrapper #loansAmortizationForm .membershipDetailsRow .contractDetailsText {
    margin-top: 8px;
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
  }
  #friendly-print-template #loansAmortizationPage .loansAmortizationFormWrapper #loansAmortizationForm .membershipDetailsRow .form-group {
    padding-right: 25px;
  }
  #friendly-print-template #loansAmortizationPage .loansAmortizationFormWrapper #loansAmortizationForm .membershipDetailsRow .contractRangeRow > .form-group {
    float: left;
  }
  #friendly-print-template #loansAmortizationPage .loansAmortizationFormWrapper #loansAmortizationForm .membershipDetailsRow .contractRangeRow .form-group {
    padding-right: 20px;
  }
  #friendly-print-template #loansAmortizationPage .loansAmortizationFormWrapper #loansAmortizationForm .membershipDetailsRow .membershipDetailsGroup .contractDetailsGroup,
  #friendly-print-template #loansAmortizationPage .loansAmortizationFormWrapper #loansAmortizationForm .membershipDetailsRow .membershipDetailsGroup .contractRangeRow {
    display: inline-block !important;
  }
  #friendly-print-template #loansAmortizationPage .loansAmortizationFormWrapper #loansAmortizationForm .membershipDetailsRow .membershipDetailsGroup .contractDetailsGroup {
    max-width: 420px !important;
    width: 420px !important;
  }
  #friendly-print-template #loansAmortizationPage .memberLoansAmortizationActivity .memberLoansAmortizationActivityBalance ul {
    margin-bottom: 30px;
    border-bottom: 0;
    padding-bottom: 0;
  }
}

/**************************************************
 * Loans History Print - _loans-history-print.scss
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #14 $
 * $Change: 1636665 $
 * $Date: 2016/06/24 $
 **************************************************/
#friendly-print-template #loansHistoryPage .loansHistoryFormWrapper #membershipContractForm .membershipIdRow #memberIdDropdown .membershipIdValue a[href^=tel] {
  color: #333;
}

@media screen and (max-width: 767px) {
  #friendly-print-template #loansHistoryPage {
    /**
        |------------------------------------------------
        | Loans History Main Panel
        |------------------------------------------------
        |
        | <dvcss-panel panel panel-default panel-lg>
        |
        */
    /**
        |------------------------------------------------
        | Loans History Header
        |------------------------------------------------
        |
        | <dvcss-content-header>
        |
        */
    /**
        |------------------------------------------------
        | Loans History Form Wrapper
        |------------------------------------------------
        |
        | <loansHistoryFormWrapper>
        |
        */
    /**
        |------------------------------------------------
        | Loans History Activity
        |------------------------------------------------
        |
        | <memberLoansHistoryActivity>
        |
        */
  }
  #friendly-print-template #loansHistoryPage .dvcss-panel.panel-lg {
    border-radius: 12px;
  }
  #friendly-print-template #loansHistoryPage .dvcss-content-header {
    padding: 15px 20px 8px !important;
  }
  #friendly-print-template #loansHistoryPage .dvcss-content-header .media-table .media-body {
    display: block !important;
  }
  #friendly-print-template #loansHistoryPage .loansHistoryFormWrapper > .panel-body {
    padding: 15px 20px 20px;
  }
  #friendly-print-template #loansHistoryPage .loansHistoryFormWrapper #loansHistoryFormModal .dvcss-form.form-inline .formInputElement {
    margin-bottom: 0 !important;
    margin-right: 3px;
  }
  #friendly-print-template #loansHistoryPage .loansHistoryFormWrapper #loansHistoryFormModal .modal-dialog #loansHistoryForm > .modal-content > .modal-body {
    padding: 0;
  }
  #friendly-print-template #loansHistoryPage .loansHistoryFormWrapper #loansHistoryFormModal .modal-dialog #loansHistoryForm > .modal-content {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
  #friendly-print-template #loansHistoryPage .loansHistoryFormWrapper #loansHistoryFormModal #loansHistoryForm .membershipDetailsRow .contractDetailsText {
    margin-top: 8px;
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 0;
  }
  #friendly-print-template #loansHistoryPage .loansHistoryFormWrapper #loansHistoryFormModal #loansHistoryForm .membershipDetailsRow .membershipDetailsGroup {
    display: block;
  }
  #friendly-print-template #loansHistoryPage .loansHistoryFormWrapper #loansHistoryFormModal #loansHistoryForm .membershipDetailsRow .membershipDetailsGroup.membershipDetailsSingleContract .membershipDetailsInner {
    display: inline-block;
    width: auto;
  }
  #friendly-print-template #loansHistoryPage .loansHistoryFormWrapper #loansHistoryFormModal #loansHistoryForm .membershipDetailsRow .membershipDetailsGroup .membershipDetailsInner {
    max-width: 725px;
  }
  #friendly-print-template #loansHistoryPage .loansHistoryFormWrapper #loansHistoryFormModal #loansHistoryForm .membershipDetailsRow .form-group.contractDetailsGroup {
    display: table-cell;
    width: auto;
    vertical-align: top;
  }
  #friendly-print-template #loansHistoryPage .loansHistoryFormWrapper #loansHistoryFormModal #loansHistoryForm .membershipDetailsRow .form-handler {
    display: table-cell;
    width: 1%;
    white-space: nowrap;
    padding-right: 0;
    margin-right: 0;
  }
  #friendly-print-template #loansHistoryPage .loansHistoryFormWrapper #loansHistoryFormModal #loansHistoryForm .membershipDetailsRow .form-group {
    display: table-cell;
    width: 1%;
    padding-right: 20px;
    margin-right: 0;
  }
  #friendly-print-template #loansHistoryPage .memberLoansHistoryActivity {
    padding-top: 35px;
  }
  #friendly-print-template #loansHistoryPage .memberLoansHistoryActivity .table-responsive {
    border: 0;
    margin-bottom: 0;
    overflow-x: hidden;
  }
  #friendly-print-template #loansHistoryPage .memberLoansHistoryActivity .memberLoansHistoryActivityFilters {
    padding: 0 20px !important;
  }
  #friendly-print-template #loansHistoryPage .memberLoansHistoryActivity .memberLoansHistoryActivityFilters .media-table {
    border: 0;
  }
  #friendly-print-template #loansHistoryPage .memberLoansHistoryActivity .memberLoansHistoryActivityFilters .media-body {
    padding-bottom: 0;
  }
}

@media print {
  #friendly-print-template #loansHistoryPage {
    /**
        |------------------------------------------------
        | Loans History Form Wrapper
        |------------------------------------------------
        |
        | <loansHistoryFormWrapper>
        |
        */
    /**
        |------------------------------------------------
        | Loans History Activity
        |------------------------------------------------
        |
        | <memberLoansHistoryActivity>
        |
        */
  }
  #friendly-print-template #loansHistoryPage .loansHistoryFormWrapper .modal-dialog {
    width: 100%;
    margin: 0;
  }
  #friendly-print-template #loansHistoryPage .loansHistoryFormWrapper .modal-dialog .modal-content {
    border: 0;
    box-shadow: 0;
  }
  #friendly-print-template #loansHistoryPage .loansHistoryFormWrapper .modal-dialog .modal-content .modal-body {
    padding: 0;
  }
  #friendly-print-template #loansHistoryPage .loansHistoryFormWrapper #loansHistoryForm .membershipDetailsRow .form-group {
    display: table-cell;
    width: 1%;
    padding-right: 20px;
    margin-right: 0;
  }
  #friendly-print-template #loansHistoryPage .loansHistoryFormWrapper #loansHistoryForm .membershipDetailsRow .form-handler {
    display: table-cell;
    width: 1%;
    white-space: nowrap;
    padding-right: 0;
    margin-right: 0;
  }
  #friendly-print-template #loansHistoryPage .loansHistoryFormWrapper #loansHistoryForm .membershipDetailsRow .membershipDetailsGroup {
    display: block;
  }
  #friendly-print-template #loansHistoryPage .loansHistoryFormWrapper #loansHistoryForm .membershipDetailsRow .membershipDetailsGroup .membershipDetailsInner {
    max-width: 725px;
  }
  #friendly-print-template #loansHistoryPage .loansHistoryFormWrapper #loansHistoryForm .membershipDetailsRow .membershipDetailsGroup .membershipDetailsInner .contractDetailsGroup {
    display: table-cell;
    width: auto;
  }
  #friendly-print-template #loansHistoryPage .loansHistoryFormWrapper #loansHistoryForm .membershipDetailsRow .membershipDetailsGroup .membershipDetailsInner .contractDetailsGroup .contractDetailsText {
    margin-top: 8px;
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
  }
  #friendly-print-template #loansHistoryPage .loansHistoryFormWrapper #loansHistoryForm .membershipDetailsRow .membershipDetailsGroup.membershipDetailsSingleContract .membershipDetailsInner {
    display: inline-block;
    width: auto;
  }
  #friendly-print-template #loansHistoryPage .memberLoansHistoryActivity .memberLoansHistoryActivityBalance ul {
    margin-bottom: 30px;
    border-bottom: 0;
    padding-bottom: 0;
  }
}

/**************************************************
 * Dues History Print - _dues-history-print.scss
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #14 $
 * $Change: 1636665 $
 * $Date: 2016/06/24 $
 **************************************************/
#friendly-print-template #duesHistoryPage .membershipDetailsGroup .contractDetailsGroup {
  max-width: 420px !important;
  width: 420px !important;
}

@media screen and (max-width: 767px) {
  #friendly-print-template #duesHistoryPage {
    /**
        |------------------------------------------------
        | Dues History Main Panel
        |------------------------------------------------
        |
        | <dvcss-panel panel panel-default panel-lg>
        |
        */
    /**
        |------------------------------------------------
        | Dues History Header
        |------------------------------------------------
        |
        | <dvcss-content-header>
        |
        */
    /**
        |------------------------------------------------
        | Dues History Form Wrapper
        |------------------------------------------------
        |
        | <duesHistoryFormWrapper>
        |
        */
    /**
        |------------------------------------------------
        | Dues History Activity
        |------------------------------------------------
        |
        | <memberDuesHistoryActivity>
        |
        */
  }
  #friendly-print-template #duesHistoryPage .dvcss-panel.panel-lg {
    border-radius: 12px;
  }
  #friendly-print-template #duesHistoryPage .dvcss-content-header {
    padding: 20px 20px 8px !important;
  }
  #friendly-print-template #duesHistoryPage .dvcss-content-header .media-table .media-body {
    display: block !important;
  }
  #friendly-print-template #duesHistoryPage .duesHistoryFormWrapper .panel-body {
    padding: 15px 20px 20px;
  }
  #friendly-print-template #duesHistoryPage .duesHistoryFormWrapper #duesHistoryFormModal .modal-dialog #duesHistoryForm > .modal-content > .modal-body {
    padding: 0;
  }
  #friendly-print-template #duesHistoryPage .duesHistoryFormWrapper #duesHistoryFormModal .modal-dialog #duesHistoryForm > .modal-content {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
  #friendly-print-template #duesHistoryPage .duesHistoryFormWrapper #duesHistoryFormModal .membershipDetailsGroup .contractDetailsGroup,
  #friendly-print-template #duesHistoryPage .duesHistoryFormWrapper #duesHistoryFormModal .membershipDetailsGroup .contractRangeRow {
    display: inline-block !important;
  }
  #friendly-print-template #duesHistoryPage .duesHistoryFormWrapper #duesHistoryFormModal .membershipDetailsGroup .contractDetailsGroup {
    margin-right: 25px;
    vertical-align: top;
  }
  #friendly-print-template #duesHistoryPage .duesHistoryFormWrapper #duesHistoryFormModal .membershipDetailsGroup .contractRangeRow {
    width: 220px;
  }
  #friendly-print-template #duesHistoryPage .duesHistoryFormWrapper #duesHistoryFormModal .membershipDetailsGroup .contractRangeRow > .form-group {
    padding: 0;
  }
  #friendly-print-template #duesHistoryPage .duesHistoryFormWrapper #duesHistoryFormModal .membershipDetailsGroup .contractRangeRow > .form-group .formInputElement {
    margin-bottom: 0 !important;
  }
  #friendly-print-template #duesHistoryPage .duesHistoryFormWrapper #duesHistoryFormModal #duesHistoryForm .membershipDetailsRow .contractDetailsText {
    margin-top: 8px;
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 0;
  }
  #friendly-print-template #duesHistoryPage .memberDuesHistoryActivity {
    padding-top: 30px;
  }
  #friendly-print-template #duesHistoryPage .memberDuesHistoryActivity .table-responsive {
    border: 0;
  }
  #friendly-print-template #duesHistoryPage .memberDuesHistoryActivity .memberDuesHistoryActivityFilters {
    padding: 0 20px;
  }
  #friendly-print-template #duesHistoryPage .memberDuesHistoryActivity .memberDuesHistoryActivityFilters .media-body {
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
  }
  #friendly-print-template #duesHistoryPage .memberDuesHistoryActivity .memberDuesHistoryActivityFilters .media-table {
    border: 0;
  }
}

@media print {
  #friendly-print-template #duesHistoryPage {
    /**
        |------------------------------------------------
        | Dues History Header
        |------------------------------------------------
        |
        | <dvcss-content-header>
        |
        */
    /**
        |------------------------------------------------
        | Dues History Form Wrapper
        |------------------------------------------------
        |
        | <duesHistoryFormWrapper>
        |
        */
    /**
        |------------------------------------------------
        | Dues History Activity
        |------------------------------------------------
        |
        | <memberDuesHistoryActivity>
        |
        */
  }
  #friendly-print-template #duesHistoryPage .dvcss-content-header {
    padding: 20px 20px 8px;
  }
  #friendly-print-template #duesHistoryPage .duesHistoryFormWrapper .panel-body {
    padding: 15px 20px 20px;
  }
  #friendly-print-template #duesHistoryPage .duesHistoryFormWrapper #duesHistoryFormModal .modal-dialog {
    width: 100%;
    margin: 0;
  }
  #friendly-print-template #duesHistoryPage .duesHistoryFormWrapper #duesHistoryFormModal .modal-dialog .modal-content {
    border: 0;
    box-shadow: 0;
  }
  #friendly-print-template #duesHistoryPage .duesHistoryFormWrapper #duesHistoryFormModal .modal-dialog .modal-content .modal-body {
    padding: 0;
  }
  #friendly-print-template #duesHistoryPage .duesHistoryFormWrapper #duesHistoryFormModal .modal-dialog #duesHistoryForm .membershipDetailsRow .contractDetailsText {
    margin-top: 8px;
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
  }
  #friendly-print-template #duesHistoryPage .duesHistoryFormWrapper #duesHistoryFormModal .modal-dialog #duesHistoryForm .membershipDetailsRow .form-group {
    padding-right: 25px;
  }
  #friendly-print-template #duesHistoryPage .duesHistoryFormWrapper #duesHistoryFormModal .modal-dialog #duesHistoryForm .membershipDetailsRow .contractRangeRow .form-group {
    padding-right: 20px;
  }
  #friendly-print-template #duesHistoryPage .duesHistoryFormWrapper #duesHistoryFormModal .membershipDetailsGroup .contractDetailsGroup {
    max-width: 420px !important;
    width: 420px !important;
  }
  #friendly-print-template #duesHistoryPage .duesHistoryFormWrapper #duesHistoryFormModal .membershipDetailsRow .contractRangeRow > .form-group {
    float: left;
  }
  #friendly-print-template #duesHistoryPage .duesHistoryFormWrapper #duesHistoryFormModal .membershipDetailsRow .membershipDetailsGroup .contractDetailsGroup,
  #friendly-print-template #duesHistoryPage .duesHistoryFormWrapper #duesHistoryFormModal .membershipDetailsRow .membershipDetailsGroup .contractRangeRow {
    display: inline-block !important;
  }
  #friendly-print-template #duesHistoryPage .memberDuesHistoryActivity .memberDuesHistoryActivityFilters {
    padding: 0 20px;
  }
  #friendly-print-template #duesHistoryPage .memberDuesHistoryActivity .memberDuesHistoryActivityFilters .media-body {
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
  }
}

/**************************************************
 * Loans Amortization Print - _loans-amortization-print.scss
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #14 $
 * $Change: 1636665 $
 * $Date: 2016/06/24 $
 **************************************************/
@media screen and (min-width: 768px) {
  #friendly-print-template #loansStatementPage #loansTaxStatementForm .membershipDetailsRow .membershipDetailsGroup .contractDetailsGroup {
    width: auto;
  }
}

@media screen and (max-width: 767px) {
  #friendly-print-template #loansStatementPage {
    /**
        |------------------------------------------------
        | Loans Amortization Main Panel
        |------------------------------------------------
        |
        | <dvcss-panel panel panel-default panel-lg>
        |
        */
    /**
        |------------------------------------------------
        | Loans Amortization Header
        |------------------------------------------------
        |
        | <dvcss-content-header>
        |
        */
    /**
        |------------------------------------------------
        | Loans Amortization Form Wrapper
        |------------------------------------------------
        |
        | <loansTaxStatementFormWrapper>
        |
        */
    /**
        |------------------------------------------------
        | Loans Amortization Activity
        |------------------------------------------------
        |
        | <memberLoansTaxStatementActivity>
        |
        */
  }
  #friendly-print-template #loansStatementPage .dvcss-panel.panel-lg {
    border-radius: 12px;
  }
  #friendly-print-template #loansStatementPage .dvcss-content-header {
    padding: 20px 20px 8px !important;
  }
  #friendly-print-template #loansStatementPage .dvcss-content-header .media-table .media-body {
    display: block !important;
  }
  #friendly-print-template #loansStatementPage .loansTaxStatementFormWrapper > .panel-body {
    padding: 15px 20px 20px;
  }
  #friendly-print-template #loansStatementPage .loansTaxStatementFormWrapper #loansTaxStatementFormModal .modal-dialog #loansTaxStatementForm > .modal-content > .modal-body {
    padding: 0;
  }
  #friendly-print-template #loansStatementPage .loansTaxStatementFormWrapper #loansTaxStatementFormModal .modal-dialog #loansTaxStatementForm > .modal-content {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
  #friendly-print-template #loansStatementPage .loansTaxStatementFormWrapper #loansTaxStatementFormModal .membershipDetailsGroup .contractDetailsGroup,
  #friendly-print-template #loansStatementPage .membershipDetailsGroup .contractRangeRow {
    display: inline-block !important;
  }
  #friendly-print-template #loansStatementPage .loansTaxStatementFormWrapper #loansTaxStatementFormModal .membershipDetailsGroup .contractDetailsGroup {
    margin-right: 25px;
    vertical-align: top;
    width: auto;
  }
  #friendly-print-template #loansStatementPage .loansTaxStatementFormWrapper #loansTaxStatementFormModal #loansTaxStatementForm .membershipDetailsRow .contractDetailsText {
    margin-top: 8px;
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 0;
  }
  #friendly-print-template #loansStatementPage .loansTaxStatementFormWrapper #loansTaxStatementFormModal .membershipDetailsRow .membershipDetailsGroup .contractRangeRow {
    width: 220px;
  }
  #friendly-print-template #loansStatementPage .loansTaxStatementFormWrapper #loansTaxStatementFormModal .membershipDetailsRow .membershipDetailsGroup .contractRangeRow > .form-group {
    padding: 0;
  }
  #friendly-print-template #loansStatementPage .loansTaxStatementFormWrapper #loansTaxStatementFormModal .membershipDetailsRow .membershipDetailsGroup .contractRangeRow > .form-group .formInputElement {
    margin-bottom: 0 !important;
  }
  #friendly-print-template #loansStatementPage .memberLoansTaxStatementActivity {
    padding-top: 35px;
  }
  #friendly-print-template #loansStatementPage .memberLoansTaxStatementActivity .table-responsive {
    border: 0;
  }
  #friendly-print-template #loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityBalance {
    padding: 0 20px;
    margin-top: 0;
  }
  #friendly-print-template #loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityBalance .lead {
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 12px;
  }
  #friendly-print-template #loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityBalance ul {
    margin-bottom: 30px;
    border-bottom: 0;
    padding-bottom: 0;
  }
  #friendly-print-template #loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityFilters .media-body {
    padding: 0;
  }
  #friendly-print-template #loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityFilters .media-body h2 {
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    padding-bottom: 0;
  }
  #friendly-print-template #loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityFilters {
    padding: 0 20px !important;
  }
  #friendly-print-template #loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityFilters .media-table {
    border: 0;
  }
  #friendly-print-template #loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityPanel .panel-body > .media-table > .media-left {
    padding-right: 40px;
  }
  #friendly-print-template #loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityPanel .panel-body > .media-table > .media-left > div {
    width: 270px;
    margin-bottom: 0;
  }
  #friendly-print-template #loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityPanel .panel-body {
    padding: 0 20px 5px;
  }
  #friendly-print-template #loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityPanel .panel-body > .media-table > .media-left,
  #friendly-print-template #loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityPanel .panel-body > .media-table > .media-body {
    display: table-cell;
    float: none;
    vertical-align: top;
    margin: 0;
  }
  #friendly-print-template #loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityPanel .panel-body > .media-table > .media-left > div > .mortgageInterestReceived {
    padding: 24px 15px 15px;
  }
  #friendly-print-template #loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityPanel .panel-body > .media-table > .media-left > div > .mortgageInterestReceived > .mortgageInterestReceivedSubtext {
    margin-bottom: 10px;
  }
  #friendly-print-template #loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityPanel .panel-body > .media-table > .media-left > div > .mortgageInterestReceived > .mortgageInterestReceivedValue sup {
    font-size: 20px;
    font-family: Avenir,Helvetica,Arial,sans-serif;
    line-height: 22px;
    font-weight: 600;
    top: -13px;
  }
}

@media print {
  #friendly-print-template #loansStatementPage {
    /**
        |------------------------------------------------
        | Loans Amortization Form Wrapper
        |------------------------------------------------
        |
        | <loansTaxStatementFormWrapper>
        |
        */
    /**
        |------------------------------------------------
        | Loans Amortization Activity
        |------------------------------------------------
        |
        | <memberLoansTaxStatementActivity>
        |
        */
  }
  #friendly-print-template #loansStatementPage #loansStatementPage #loansTaxStatementFormModal {
    display: block !important;
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    z-index: auto !important;
    background: none;
    overflow: visible;
  }
  #friendly-print-template #loansStatementPage #loansStatementPage #loansTaxStatementFormModal .modal-dialog {
    width: auto;
    margin: 0;
  }
  #friendly-print-template #loansStatementPage #loansStatementPage #loansTaxStatementFormModal .modal-content {
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  #friendly-print-template #loansStatementPage #loansStatementPage #loansTaxStatementFormModal .modal-body {
    padding: 0;
  }
  #friendly-print-template #loansStatementPage #loansStatementPage #loansTaxStatementFormModal form {
    display: inline;
  }
  #friendly-print-template #loansStatementPage .loansTaxStatementFormWrapper .modal-dialog {
    width: 100%;
    margin: 0;
  }
  #friendly-print-template #loansStatementPage .loansTaxStatementFormWrapper .modal-dialog .modal-content {
    border: 0;
    box-shadow: 0;
  }
  #friendly-print-template #loansStatementPage .loansTaxStatementFormWrapper .modal-dialog .modal-content .modal-body {
    padding: 0;
  }
  #friendly-print-template #loansStatementPage .loansTaxStatementFormWrapper #loansTaxStatementForm .membershipDetailsRow .contractDetailsText {
    margin-top: 8px;
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
  }
  #friendly-print-template #loansStatementPage .loansTaxStatementFormWrapper #loansTaxStatementForm .membershipDetailsRow .form-group {
    padding-right: 25px;
  }
  #friendly-print-template #loansStatementPage .loansTaxStatementFormWrapper #loansTaxStatementForm .membershipDetailsRow .contractRangeRow > .form-group {
    float: left;
  }
  #friendly-print-template #loansStatementPage .loansTaxStatementFormWrapper #loansTaxStatementForm .membershipDetailsRow .contractRangeRow .form-group {
    padding-right: 20px;
  }
  #friendly-print-template #loansStatementPage .loansTaxStatementFormWrapper #loansTaxStatementForm .membershipDetailsRow .membershipDetailsGroup .contractDetailsGroup,
  #friendly-print-template #loansStatementPage .loansTaxStatementFormWrapper #loansTaxStatementForm .membershipDetailsRow .membershipDetailsGroup .contractRangeRow {
    display: inline-block !important;
  }
  #friendly-print-template #loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityBalance ul {
    margin-bottom: 30px;
    border-bottom: 0;
    padding-bottom: 0;
  }
}

/**************************************************
 * Calendar Print - _calendar-print.scss
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #14 $
 * $Change: 1636665 $
 * $Date: 2016/06/24 $
 **************************************************/
/*
* Event Calendar - Day View - Friendly Printer Format
*/
@media print {
  #friendly-print-template #dvcEventCalendarMonthView {
    /*
        ****************************************************************************
        * Additional for Month View
        ****************************************************************************
        */
    /* MONTH VIEW */
    /* calendarMonthViewSection */
  }
  #friendly-print-template #dvcEventCalendarMonthView #eventCalendarMonthViewForm > #dvcListFilters > div {
    background-color: #253b56 !important;
  }
  #friendly-print-template #dvcEventCalendarMonthView #eventCalendarMonthViewForm > #dvcListFilters > div > #dvcListFiltersFooter {
    display: none !important;
  }
  #friendly-print-template #dvcEventCalendarMonthView #eventCalendarMonthViewForm > #dvcListFilters {
    background-color: #253b56 !important;
  }
  #friendly-print-template #dvcEventCalendarMonthView #eventCalendarMonthViewForm > #dvcListFilters > div #accordion {
    background-color: #253b56 !important;
  }
  #friendly-print-template #dvcEventCalendarMonthView #eventCalendarMonthViewForm > #dvcListFilters div #accordion li > a {
    color: #fff !important;
  }
  #friendly-print-template #dvcEventCalendarMonthView #eventCalendarMonthViewForm > #dvcListFilters div #accordion li > a > .text-ellipsis {
    display: none;
  }
  #friendly-print-template #dvcEventCalendarMonthView #eventCalendarMonthViewForm > .calendarMonthViewSection {
    padding: 0;
  }
  #friendly-print-template #dvcEventCalendarMonthView #eventCalendarMonthViewForm > .calendarMonthViewSection > .calendarMonthFullCalendar .fc .fc-view-container {
    background-color: #e6eff8;
  }
  #friendly-print-template #dvcEventCalendarMonthView .fc-unthemed .fc-divider, #friendly-print-template #dvcEventCalendarMonthView .fc-unthemed .fc-popover, #friendly-print-template #dvcEventCalendarMonthView .fc-unthemed .fc-row, #friendly-print-template #dvcEventCalendarMonthView .fc-unthemed tbody, #friendly-print-template #dvcEventCalendarMonthView .fc-unthemed td, #friendly-print-template #dvcEventCalendarMonthView .fc-unthemed th, #friendly-print-template #dvcEventCalendarMonthView .fc-unthemed thead {
    border-color: #edf1f2;
  }
  #friendly-print-template #dvcEventCalendarMonthView .fc .fc-row {
    border-style: solid;
    border-width: 0;
  }
  #friendly-print-template #dvcEventCalendarMonthView .fc-month-view > table > thead > tr > td.fc-widget-header .fc-row.fc-widget-header {
    margin-bottom: 0;
  }
  #friendly-print-template #dvcEventCalendarMonthView .fc-month-view > table > thead > tr > td.fc-widget-header {
    border: 1px solid #edf1f2;
  }
  #friendly-print-template #dvcEventCalendarMonthView .event-box > .event-box-body {
    position: relative;
    display: block;
    color: #253b56 !important;
    background-color: #e6eff8 !important;
    border: 5px solid transparent;
    padding: 3px 5px 15px;
    text-decoration: none;
  }
  #friendly-print-template #dvcEventCalendarDayView {
    /*
        ****************************************************************************
        * Additional for Day View
        ****************************************************************************
        */
    /* DAY VIEW */
    /* calendarMonthViewSection */
  }
  #friendly-print-template #dvcEventCalendarDayView #eventCalendarDayViewForm > #dvcListFilters > div {
    background-color: #253b56 !important;
  }
  #friendly-print-template #dvcEventCalendarDayView #eventCalendarDayViewForm > #dvcListFilters > div > #dvcListFiltersFooter {
    display: none !important;
  }
  #friendly-print-template #dvcEventCalendarDayView #eventCalendarDayViewForm > #dvcListFilters {
    background-color: #253b56 !important;
  }
  #friendly-print-template #dvcEventCalendarDayView #eventCalendarDayViewForm > #dvcListFilters > div #accordion {
    background-color: #253b56 !important;
  }
  #friendly-print-template #dvcEventCalendarDayView #eventCalendarDayViewForm > #dvcListFilters div #accordion li > a {
    color: #fff !important;
  }
  #friendly-print-template #dvcEventCalendarDayView #eventCalendarDayViewForm > #dvcListFilters div #accordion li > a > .text-ellipsis {
    display: none;
  }
  #friendly-print-template #dvcEventCalendarDayView #eventCalendarDayViewForm > .calendarMonthViewSection {
    padding: 0;
  }
  #friendly-print-template #dvcEventCalendarDayView #eventCalendarDayViewForm > .calendarMonthViewSection > .calendarMonthFullCalendar .fc .fc-view-container {
    background-color: #e6eff8;
  }
}

#collateralParentContainer footer #main_footer:before, #collateralParentContainer footer #main_footer:after {
  background-image: -webkit-radial-gradient(52% 50%, #D0DDE7, #FFF);
  position: relative;
  content: "";
  left: 0;
  right: 0;
  width: 95%;
  height: 1px;
  display: block;
  margin: auto;
  top: 0;
}

#collateralParentContainer footer #main_footer:before {
  top: -34px;
}

#collateralParentContainer footer #main_footer:after {
  margin-top: 20px;
}

#collateralDocsPage [data-icon]:before {
  font-family: pepmdx2 !important;
  content: attr(data-icon);
  speak: none;
}

#collateralDocsPage [data-icon3]:before {
  font-family: pepmdx3 !important;
  content: attr(data-icon3);
  speak: none;
}

#collateralDocsPage a:focus {
  outline: 1px dotted #ccc;
}

#collateralDocsPage .checkIcon {
  color: #58831B;
}

#collateralDocsPage .col-xs-12, #collateralDocsPage .col-md-6 {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

#collateralDocsPage h2, #collateralDocsPage h1, #collateralDocsPage h3, #collateralDocsPage h4, #collateralDocsPage p, #collateralDocsPage div, #collateralDocsPage span {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Avenir-Roman !important;
}

#collateralDocsPage div, #collateralDocsPage section, #collateralDocsPage p {
  font-size: 16px;
  color: #253B56;
  letter-spacing: 0;
  line-height: 24px;
}

#collateralDocsPage h2 {
  font-size: 28px;
  line-height: 36px;
  text-align: center;
}

#collateralDocsPage h3, #collateralDocsPage .h3 {
  font-size: 18px;
  text-align: center;
  line-height: 24px;
}

#collateralDocsPage #collateralModal.modal.in {
  display: block;
  background: rgba(255, 255, 255, 0.68);
}

#collateralDocsPage #collateralModal .modal-backdrop {
  opacity: 0.5 !important;
  background: #FFFFFF;
}

#collateralDocsPage #collateralModal .modal-dialog {
  align-self: center;
}

#collateralDocsPage #collateralModal h2 {
  margin-bottom: 12px;
  line-height: 24px;
}

#collateralDocsPage #collateralModal .modalHeader {
  display: flex;
  position: relative;
}

#collateralDocsPage #collateralModal .modalHeader .largeBack {
  color: #253B56;
  position: absolute;
  right: 10px;
}

#collateralDocsPage #collateralModal .modalHeader h2 {
  font-weight: 400;
  line-height: 38px;
}

#collateralDocsPage #collateralModal .modal-body {
  padding: 30px;
}

#collateralDocsPage #collateralModal .checkListItem {
  margin-top: 10px;
  display: table;
}

#collateralDocsPage #collateralModal .checkListItem i {
  padding-right: 19px;
  display: table-cell;
}

#collateralDocsPage #collateralModal .checkListItem span {
  display: table-cell;
  text-align: left;
}

#collateralDocsPage #collateralModal .checkListItem:before {
  font-family: pepmdx3;
  content: '\e241\fe0e';
  font-style: italic;
  color: #58831B;
  margin-right: 15px;
}

#collateralDocsPage #collateralModal .closeModal {
  margin-top: -6px;
  margin-right: -6px;
}

@media screen and (max-width: 767px) {
  #collateralDocsPage #collateralModal .modalHeader {
    border-bottom: 1px solid #ECF1F4;
    margin-left: -15px;
    margin-right: -10px;
    padding: 0 10px 16px 10px;
    margin-top: -4px;
  }
  #collateralDocsPage #collateralModal .modalHeader h2 {
    flex-grow: 1;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 0px;
    padding-right: 20px;
  }
  #collateralDocsPage #collateralModal .modal-dialog {
    margin: 0;
    height: 100%;
  }
  #collateralDocsPage #collateralModal .modal-content {
    height: 100%;
  }
  #collateralDocsPage #collateralModal .checkListItem i {
    padding-right: 10px;
  }
  #collateralDocsPage #collateralModal .checkList {
    overflow: auto;
    padding-right: 20px;
    height: 90%;
  }
  #collateralDocsPage #collateralModal .smallBack {
    text-align: left;
  }
  #collateralDocsPage #collateralModal .modal-body {
    height: 100%;
    padding: 20px 10px 25px 15px;
  }
}

#collateralDocumentBody .borderContainer {
  border: 1px solid #A1AFC0;
  border-radius: 5px;
  margin-bottom: 84px;
}

#collateralDocumentBody .borderContainer .h3 {
  font-family: Avenir-Heavy !important;
  position: relative;
  top: -14px;
  line-height: 28px;
  background-color: white;
  padding-left: 16px;
  padding-right: 16px;
  margin: 0 1.5em;
  display: inline-block;
}

#collateralDocumentBody .borderContainer .heavy {
  font-family: Avenir-Heavy !important;
}

#collateralDocumentBody .borderContainer .contract {
  margin: -6px auto 0 auto;
  max-width: 80%;
  display: table;
}

#collateralDocumentBody .borderContainer .contract .contractLabel {
  display: table-cell;
  vertical-align: text-top;
}

#collateralDocumentBody .borderContainer .contract .contractList {
  display: table-cell;
  text-align: left;
  padding-left: 5px;
}

#collateralDocumentBody .borderContainer .pdfContainer {
  padding: 50px 50px 10px 50px;
}

#collateralDocumentBody .borderContainer .pdfContainer .row .col:nth-child(1) {
  padding-right: 30px;
}

#collateralDocumentBody .borderContainer .pdfContainer .row .col:nth-child(2) {
  padding-left: 30px;
}

#collateralDocumentBody .borderContainer .pdfContainer .pdfIcon {
  font-size: 24px;
  padding-right: 15px;
  display: table-cell;
  vertical-align: top;
}

#collateralDocumentBody .borderContainer .pdfContainer .pdfLink {
  display: table-cell;
  vertical-align: text-top;
}

#collateralDocumentBody .borderContainer .pdfContainer .pdfGroup {
  text-align: left;
  margin-bottom: 40px;
  display: table;
}

#collateralDocumentBody .borderContainer .pdfContainer .screen-reader {
  display: none;
}

#collateralDocumentBody #collateralBannerContent {
  width: 100%;
  height: 435px;
  padding-top: 135px;
  position: relative;
}

#collateralDocumentBody #collateralBannerContent.light,
#collateralDocumentBody #collateralBannerContent.light h1,
#collateralDocumentBody #collateralBannerContent.light p {
  color: #FFF;
}

#collateralDocumentBody #collateralBannerContent.dark,
#collateralDocumentBody #collateralBannerContent.dark h1,
#collateralDocumentBody #collateralBannerContent.dark p {
  color: #253B56;
}

#collateralDocumentBody #collateralBannerContent h1 {
  padding: 0px 20px;
  text-align: center;
  font-family: Avenir-Medium !important;
  font-size: 42px;
  position: relative;
  z-index: 2;
}

#collateralDocumentBody #collateralBannerContent p {
  font-size: 24px;
  text-align: center;
  line-height: 36px;
  padding: 0px 20px;
  max-width: 1003px;
  margin: 30px auto 0 auto;
  position: relative;
  z-index: 2;
}

#collateralDocumentBody #collateralBannerContent .home-resort-media {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

#collateralDocumentBody #collateralBannerContent .overlayFill {
  background: black;
  opacity: .4;
}

#collateralDocumentBody #collateralBannerContent .dvui-breadcrumb {
  position: absolute;
  top: 16px;
  z-index: 3;
  left: 0;
  right: 0;
  max-width: 940px;
  margin: auto;
  overflow: hidden;
}

#collateralDocumentBody #collateralBannerContent .pepMdxIcon {
  font-family: pepmdx2 !important;
}

#collateralDocumentBody #collateralBannerContent .breadcrumb-separator {
  top: 1px;
  font-size: 12px;
}

#collateralDocumentBody #collateralBannerContent .heroImageContainer {
  position: relative;
  flex: none;
}

#collateralDocumentBody #collateralBannerContent img {
  height: 435px;
}

#collateralDocumentBody #collateralBannerContent .overlayFill {
  height: 435px;
  width: 100%;
  position: absolute;
  top: 0;
}

#collateralDocumentBody #collateralDocumentContent {
  padding-left: 20px;
  padding-right: 20px;
  max-width: 980px;
  margin: auto;
  margin-top: 20px;
}

#collateralDocumentBody #collateralDocumentContent .memberIdSection {
  text-align: left;
  display: table;
}

#collateralDocumentBody #collateralDocumentContent .memberIdSection .membershipLabel {
  display: table-cell;
  vertical-align: top;
  padding-top: 4px;
}

#collateralDocumentBody #collateralDocumentContent .memberIdSection .singleMembership {
  padding-top: 4px;
  padding-left: 4px;
  display: table-cell;
}

#collateralDocumentBody #collateralDocumentContent .memberIdSection #membership-id-wrapper {
  width: 150px;
}

#collateralDocumentBody #collateralDocumentContent .memberIdSection .select-toggle {
  height: 32px;
}

#collateralDocumentBody #collateralDocumentContent .memberIdSection .select-value {
  display: block;
  font-size: 16px;
}

#collateralDocumentBody #collateralDocumentContent .otherSection {
  text-align: left;
  display: table;
}

#collateralDocumentBody #whatAreTheseDocumentsSection {
  margin-bottom: 51px;
  margin-top: 41px;
}

#collateralDocumentBody #whatAreTheseDocumentsSection h2 {
  font-weight: 400;
}

#collateralDocumentBody #whatAreTheseDocumentsSection h3 {
  margin-top: 11px;
  font-family: Avenir-Light !important;
}

#collateralDocumentBody #whatAreTheseDocumentsSection p {
  margin-top: 15px;
  font-family: Avenir-Light !important;
}

@media screen and (max-width: 767px) {
  #collateralDocumentBody #collateralBannerContent {
    padding: 60px 20px 0px 20px;
    height: 300px;
    padding-top: 60px;
  }
  #collateralDocumentBody #collateralBannerContent h1 {
    font-size: 24px;
    line-height: 32px;
    width: 100%;
    padding: 0px;
  }
  #collateralDocumentBody #collateralBannerContent p {
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px;
    width: 100%;
    padding: 0px;
  }
  #collateralDocumentBody #collateralBannerContent img, #collateralDocumentBody #collateralBannerContent .overlayFill {
    min-height: 300px;
    max-height: 300px;
    min-width: 767px;
  }
  #collateralDocumentBody #collateralBannerContent .dvui-breadcrumb {
    display: none;
  }
  #collateralDocumentBody #whatAreTheseDocumentsSection {
    margin-top: 30px;
    margin-bottom: 51px;
  }
  #collateralDocumentBody > :not(#collateralBannerContent) {
    padding: 20px 20px 0px 20px;
  }
  #collateralDocumentBody #collateralDocumentContent {
    width: 100%;
    margin: 0;
  }
  #collateralDocumentBody #collateralDocumentContent .memberIdSection .select-toggle {
    padding: 0px;
  }
  #collateralDocumentBody #collateralDocumentContent .memberIdSection .select-value {
    padding-top: 6px;
  }
  #collateralDocumentBody #collateralDocumentContent .memberIdSection .richSelectArrowIcon {
    top: 11px !important;
  }
  #collateralDocumentBody .borderContainer {
    margin-bottom: 64px;
  }
  #collateralDocumentBody .borderContainer .h3 {
    max-width: 296px;
  }
  #collateralDocumentBody .borderContainer .contract {
    padding: 0px 20px;
    margin-top: -6px;
    max-width: 100%;
  }
  #collateralDocumentBody .borderContainer .pdfContainer {
    padding: 30px 20px 0px 20px;
  }
  #collateralDocumentBody .borderContainer .pdfContainer .pdfGroup {
    margin-bottom: 30px;
  }
  #collateralDocumentBody .borderContainer .pdfContainer .row .col:nth-child(1) {
    padding-right: 0px;
  }
  #collateralDocumentBody .borderContainer .pdfContainer .row .col:nth-child(2) {
    padding-left: 0px;
  }
}

#homePageRedesign {
  /** Members Home Page **/
  /** memberHero **/
  /** Check Availability **/
  /** Snow Ball Override **/
  /** memberHero --END-- **/
  /** homePageModal  **/
  /** homePageModal --END-- **/
  /** .memberBoxes **/
  /** .memberBoxes --END-- **/
  /** .loggedOutBoxes **/
  /** .loggedOutBoxes --END-- **/
  /** .memberBenefits  **/
  /** .memberBenefits --END-- **/
  /** .memberCruise **/
  /** .memberCruise --END-- **/
  /** .memberDiscover **/
  /** .memberDiscover --END-- **/
  /** .loggedRequestInfo **/
  /** .loggedRequestInfo --END-- **/
  /** memberHero Logged Out **/
  /** memberHero Logged Out --END-- **/
  /** memberVacationShop  **/
  /** memberVacationShop --END-- **/
  /** memberVacationBlog  **/
  /** memberVacationBlog --END--  **/
  /* tablet only --END-- */
  /* mobile only */
  /* mobile only --END-- */
  /** Prospects Home Page **/
  /** End Prospects Home **/
}

#homePageRedesign .mediaEngineContainer .videoCCButton:focus {
  outline: none !important;
  border: #fff dotted 1px !important;
}

#homePageRedesign [data-icon]:before {
  font-family: pepmdx2 !important;
  content: attr(data-icon);
  speak: none;
}

#homePageRedesign [data-icon3]:before {
  font-family: pepmdx3 !important;
  content: attr(data-icon3);
  speak: none;
}

#homePageRedesign .btn-primary:hover,
#homePageRedesign .btn-primary:focus {
  background: #003F54 !important;
  border-color: #003F54 !important;
}

#homePageRedesign .btn-primary:active {
  background: #00739A;
}

#homePageRedesign .swiperSelectorButtons {
  width: 100%;
  text-align: center;
  padding: 30px 0;
  display: none;
}

#homePageRedesign .swiperSelectorButtons button {
  width: 10px;
  height: 10px;
  margin-right: 15px;
  border: 1px solid #0079BC;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
}

#homePageRedesign .swiperSelectorButtons button.selected,
#homePageRedesign .swiperSelectorButtons button.selected:hover,
#homePageRedesign .swiperSelectorButtons button.selected:focus,
#homePageRedesign .swiperSelectorButtons button.selected:active {
  background-color: #003F54;
  border-color: #003F54;
}

#homePageRedesign .swiperSelectorButtons button:hover,
#homePageRedesign .swiperSelectorButtons button:focus,
#homePageRedesign .swiperSelectorButtons button:active {
  background-color: #0079BC;
  border: 1px solid #0079BC;
}

#homePageRedesign .swiperSelectorButtons button:focus {
  outline: 1px dotted #ccc;
}

#homePageRedesign .member-hero-content {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1278px;
}

#homePageRedesign .memberHero,
#homePageRedesign .subHeroImageWrapper {
  width: 100%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center;
  position: relative;
}

#homePageRedesign .memberHero img,
#homePageRedesign .subHeroImageWrapper img {
  min-width: 0 !important;
  max-width: none !important;
  width: 100% !important;
  min-height: 590px;
  object-fit: cover;
}

#homePageRedesign .memberHero.memberHeroAvailability {
  height: auto !important;
}

#homePageRedesign .memberHero .logo-icon {
  text-align: center;
  margin-top: 50px;
  font-size: 30px;
  color: #FFFFFF;
}

#homePageRedesign .memberHero .welcome,
#homePageRedesign .memberHero .welcome h1 {
  text-align: center;
  font-size: 3.2vw;
  color: #FFFFFF;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
}

#homePageRedesign .memberHero .welcome strong {
  font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
}

#homePageRedesign .memberHero .welcome p {
  margin: 0 auto;
}

#homePageRedesign .memberHero .intro,
#homePageRedesign .memberHero .mediaPlayerLink {
  font-size: 24px;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  text-align: center;
  color: #FFFFFF;
  margin-top: 10px;
}

#homePageRedesign .memberHero .intro p,
#homePageRedesign .memberHero .mediaPlayerLink p {
  margin: 0;
}

#homePageRedesign .memberHero .percentage {
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  text-align: center;
  margin-bottom: 7px;
}

#homePageRedesign .memberHero .percentage .circleProgress {
  margin: 20px;
  width: 180px;
  height: 180px;
  display: inline-block;
}

#homePageRedesign .memberHero .percentage .circleProgress .circleContent {
  position: absolute;
  width: 180px;
  height: auto;
  top: 27%;
}

#homePageRedesign .memberHero .percentage .circleProgress .circleContent .points {
  font-size: 60px;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  text-align: center;
  color: #FFFFFF;
  margin: 0;
  line-height: 70px;
}

#homePageRedesign .memberHero .percentage .circleProgress .circleContent .year {
  font-size: 16px;
  font-family: Avenir-medium, Helvetica, Arial, sans-serif;
  text-align: center;
  color: #FFFFFF;
  margin: 0;
  line-height: 24px;
}

#homePageRedesign .memberHero .memberPointsDisplay {
  display: none;
}

#homePageRedesign .memberHero .memberPointsDisplay.active {
  display: block;
}

#homePageRedesign .memberHero.memberVacation {
  text-align: center;
}

#homePageRedesign .memberHero.memberVacation .remainingDays.flip-clock-wrapper {
  margin: 0;
}

#homePageRedesign .memberHero.memberVacation .remainingDays.flip-clock-wrapper ul {
  list-style: none;
  position: relative;
  display: inline-block;
  float: none;
  margin: 0 7px 0 0;
  width: 87px;
  height: 137px;
  font-size: 100px;
  font-weight: 400;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  background: #fff;
  color: #052E5E;
  font-family: Avenir-roman,Helvetica,Arial,sans-serif;
}

#homePageRedesign .memberHero.memberVacation .remainingDays.flip-clock-wrapper ul li a div {
  font-size: 100px;
}

#homePageRedesign .memberHero.memberVacation .remainingDays.flip-clock-wrapper ul li a div div.inn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200%;
  text-align: center;
  background: #fff;
  color: #052E5E;
  border-radius: 8px;
  font-size: 100px;
  padding-top: 30%;
  text-shadow: none;
}

#homePageRedesign .memberHero.memberVacation .remainingDays.flip-clock-wrapper ul li a div.up:after {
  position: relative;
  display: block;
  top: 98%;
  z-index: 5;
  width: 80px;
  height: 1px;
  background-color: #979797;
  margin: auto;
}

#homePageRedesign .memberHero.memberVacation .welcome,
#homePageRedesign .memberHero.memberVacation .welcome h1 {
  margin-bottom: 20px;
}

#homePageRedesign .memberHero.memberVacation .intro {
  margin-top: 15px;
}

#homePageRedesign .memberHero.memberVacation .intro .day {
  margin-top: 10px;
}

#homePageRedesign .memberHero.memberVacation .intro p {
  margin-bottom: 5px;
}

#homePageRedesign .memberHero.memberVacation .intro p strong {
  font-family: Avenir-heavy,Helvetica,Arial,sans-serif;
}

#homePageRedesign .memberHero.memberVacation .intro p.link {
  margin-bottom: 43px;
}

#homePageRedesign .memberHero.memberVacation .intro .link a,
#homePageRedesign .memberHero .mediaPlayerLink .link a {
  font-size: 16px;
  font-family: Avenir-heavy,Helvetica,Arial,sans-serif;
  color: #fff;
  text-decoration: none;
  line-height: 35px;
}

#homePageRedesign .memberHero.memberVacation .intro .link a:hover,
#homePageRedesign .memberHero.memberVacation .intro .link a:focus,
#homePageRedesign .memberHero .mediaPlayerLink .link a:hover,
#homePageRedesign .memberHero .mediaPlayerLink .link a:focus {
  border-bottom: 1px solid;
}

#homePageRedesign .memberHero.memberVacation .intro .link a:after,
#homePageRedesign .memberHero .mediaPlayerLink .link a:after {
  content: '\e30c';
  font-family: pepmdx2 !important;
  line-height: 22px;
  margin-left: 5px;
}

#homePageRedesign .content-media {
  position: relative;
}

#homePageRedesign .content-media .dropDownElement {
  max-width: 1278px;
  margin: 0 auto;
  position: relative;
  text-align: left;
}

#homePageRedesign .content-media .dropDownElement .select-membership-wrapper {
  position: absolute;
  left: 0;
  top: 20px;
}

#homePageRedesign .content-media .dropDownElement label {
  display: inline-block;
  width: 108px;
  font-size: 18px;
  color: #FFFFFF;
  margin-bottom: 15px;
}

#homePageRedesign .content-media .dropDownElement label.required:after {
  content: none;
}

#homePageRedesign .content-media .dropDownElement .select-toggle {
  border-bottom: 2px solid #F7F9FC;
  height: 30px;
}

#homePageRedesign .content-media .dropDownElement .select-toggle:focus {
  border-color: #CCC;
  outline: 1px dotted #000;
}

#homePageRedesign .content-media .dropDownElement .select-toggle:hover {
  border-color: #FFF;
}

#homePageRedesign .content-media .dropDownElement span.selectBox {
  display: inline-block;
  width: 170px;
  margin-left: 20px;
}

#homePageRedesign .content-media .dropDownElement .select-value {
  font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
  font-size: 18px;
  display: inline-block;
  color: #fff;
}

#homePageRedesign .content-media .dropDownElement .selectBox .richSelectArrowIcon:after {
  color: #F7F9FC;
}

@media screen and (max-width: 767px) {
  #homePageRedesign .content-media .dropDownElement {
    max-width: 100%;
  }
  #homePageRedesign .content-media .dropDownElement .select-membership-wrapper {
    position: relative;
    margin-left: 25px;
    text-align: left;
    top: 8px;
    margin-top: 0;
  }
  #homePageRedesign .content-media .dropDownElement .select-membership-wrapper span.selectBox {
    width: 95%;
    margin-left: 0;
  }
  #homePageRedesign .content-media .dropDownElement label {
    font-size: 12px;
    color: #F7F9FC;
    margin-bottom: 0;
  }
  #homePageRedesign .content-media .dropDownElement .select-toggle {
    margin: 0;
  }
  #homePageRedesign .content-media .dropDownElement .selectBox .select-toggle > span.select-value {
    font-size: 16px;
    top: 8px;
    margin: 0;
  }
  #homePageRedesign .content-media .dropDownElement .selectBox .richSelectArrowIcon {
    top: 10px !important;
  }
  #homePageRedesign .content-media .member-hero-content {
    top: 11%;
    transform: translate(-50%, -50px);
    width: 100%;
  }
  #homePageRedesign .content-media .memberHero img {
    margin-top: -82px;
    min-height: 500px;
  }
  #homePageRedesign .content-media .memberHero.loggedOut img {
    min-height: auto;
    margin-top: 0;
  }
  #homePageRedesign .memberHero.memberVacation .intro .link a {
    display: block;
  }
  #homePageRedesign .memberHero.memberVacation .intro {
    margin-top: 5px;
  }
  #homePageRedesign .memberHero.memberVacation .intro .day {
    margin-bottom: 10px;
  }
  #homePageRedesign .memberHero.memberVacation .intro .link a:after {
    position: relative;
    top: 3px;
  }
}

#homePageRedesign #memberPointsControlRight a,
#homePageRedesign #memberPointsControlLeft a {
  border: solid #DFDFDF;
  border-width: 0 6px 6px 0;
  display: inline-block;
  padding: 23px;
  margin-bottom: 0;
  z-index: 99;
  position: absolute;
  top: 240px;
  opacity: 0.77;
  border-radius: 2px;
}

#homePageRedesign #memberPointsControlRight a:hover,
#homePageRedesign #memberPointsControlRight a:focus,
#homePageRedesign #memberPointsControlRight a:active,
#homePageRedesign #memberPointsControlLeft a:hover,
#homePageRedesign #memberPointsControlLeft a:focus,
#homePageRedesign #memberPointsControlLeft a:active {
  border-color: #FFF;
}

#homePageRedesign #memberPointsControlLeft a {
  left: 50px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

#homePageRedesign #memberPointsControlRight a {
  right: 50px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

#homePageRedesign .check-availability-container {
  position: relative;
  top: -80px;
}

#homePageRedesign .checkAvailability {
  background-color: #FFFFFF;
  max-width: 1278px;
  margin: 0 auto;
  padding-top: 6px;
  padding-left: 22px;
  text-align: left;
}

#homePageRedesign .checkAvailability.hidden {
  visibility: hidden;
  display: block !important;
}

#homePageRedesign .checkAvailability .dvcss-hr-faded {
  display: none;
  width: 60%;
  margin: 30px auto 0;
  background-image: radial-gradient(52% 50%, #D0DDE7 48%, #FFF 100%);
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(255, 255, 255, 0)), color-stop(5%, #D0DDE7), color-stop(95%, #D0DDE7), to(white));
}

#homePageRedesign .checkAvailability label {
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  color: #A1AFC0;
  letter-spacing: 0;
  line-height: 20px;
  font-size: 14px;
  padding-left: 0;
}

#homePageRedesign #previewDateWrapper input {
  cursor: pointer;
}

#homePageRedesign #previewDateWrapper .date-picker-input-group.focus {
  border-color: #253b56;
}

#homePageRedesign #previewDateWrapper .date-picker-input-group:hover,
#homePageRedesign #previewDateWrapper .date-picker-input-group:active {
  border-color: #007391;
}

#homePageRedesign .checkAvailability .uiPlus .datePicker {
  width: auto;
}

#homePageRedesign .checkAvailability .uiPlus .formInputElement {
  margin: 0;
  width: 100%;
}

#homePageRedesign .checkAvailability input[type="text"] {
  border: none;
  width: 106px;
  font-size: 20px;
  color: #253B56;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  padding: 0;
  margin: 10px 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#homePageRedesign .checkAvailability input[type="text"]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-style: normal;
}

#homePageRedesign .checkAvailability input[type="text"]::-moz-placeholder {
  /* Firefox 19+ */
  font-style: normal;
}

#homePageRedesign .checkAvailability input[type="text"]:-ms-input-placeholder {
  /* IE 10+ */
  font-style: normal;
}

#homePageRedesign .checkAvailability input[type="text"]:-moz-placeholder {
  /* Firefox 18- */
  font-style: normal;
}

#homePageRedesign .checkAvailability .inputContainer {
  display: inline-block;
}

#homePageRedesign .checkAvailability .selectBox .select-toggle,
#homePageRedesign .content-media .selectBox .select-toggle {
  background: transparent;
  background: none;
  background: none;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

#homePageRedesign .checkAvailability .selectBox,
#homePageRedesign .content-media .selectBox {
  width: 100%;
  margin: 0;
}

#homePageRedesign .checkAvailability .selectBox .listWrapper,
#homePageRedesign .content-media .selectBox .listWrapper {
  margin-top: 11px;
}

#homePageRedesign .checkAvailability .selectBox .select-toggle > span.select-value {
  font-size: 20px;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  color: #253B56;
  padding-right: 0;
  padding-left: 0;
  font-style: normal;
  display: inline;
}

#homePageRedesign .checkAvailability .selectBox .select-toggle > span.select-value {
  font-size: 20px;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  color: #253B56;
  padding-right: 0;
  padding-left: 0;
  font-style: normal;
}

#homePageRedesign .checkAvailability .checkInDatesSeparator {
  padding: 10px;
}

#homePageRedesign .checkAvailability button {
  text-align: right;
  font-size: 20px;
  color: #0079BC;
}

#homePageRedesign .date-picker-input-group.focus button,
#homePageRedesign .date-picker-input-group:hover button,
#homePageRedesign .checkAvailability button:focus,
#homePageRedesign .checkAvailability button:hover {
  color: #1994D7;
}

#homePageRedesign .checkAvailability .datepicker-button button {
  padding: 6px 0;
}

#homePageRedesign .checkAvailability .checkAvailabilityBtn {
  background: #61941B;
  color: #fff !important;
  font-size: 16px;
  width: 180px;
  text-align: center;
  margin-right: 30px;
  height: auto;
  border-color: #61941B;
  line-height: 20px;
  border-radius: 3px;
}

#homePageRedesign .checkAvailability .accessibleRoomsContainer {
  width: 268px;
  max-height: 75px;
  padding-top: 28px;
}

#homePageRedesign .checkAvailability .btn-primary.checkAvailabilityBtn:hover {
  background: #58831B !important;
  border-color: #58831B !important;
}

#homePageRedesign .checkAvailability .btn-primary.checkAvailabilityBtn:active,
#homePageRedesign .checkAvailability .btn-primary.checkAvailabilityBtn:focus {
  background: #33490F !important;
  border-color: #33490F !important;
}

#homePageRedesign .checkAvailability .accessibleRoomsContainer label {
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 20px;
  color: #253B56;
  letter-spacing: 0;
  line-height: 20px;
}

#homePageRedesign .fc-bg .fc-day > a.fc-day-link {
  height: 30px;
  width: 50px;
}

#homePageRedesign .borderBottom.err,
#homePageRedesign .date-picker-input-group.err {
  border-color: #ff0000 !important;
}

#homePageRedesign .formContainer {
  padding: 0;
}

#homePageRedesign .snowball .selectBox .richSelectArrowIcon:after {
  color: #0079BC;
  top: 0;
  width: 14px;
  height: 14px;
}

#homePageRedesign .snowball .selectBox .select-toggle,
#homePageRedesign .snowball .selectBox-nojs {
  margin-top: 10px;
}

#homePageRedesign .snowball .selectBox .select-toggle > span.select-value {
  display: block;
}

#homePageRedesign .snowball .richCheckBox span.rich-checkbox {
  width: 25px;
  height: 25px;
  background: #FFF;
  border: 2px solid #A1AFC0;
  border-radius: 3px;
}

#homePageRedesign .snowball .richCheckBox span.rich-checkbox:not(.disabled):focus, #homePageRedesign .snowball .richCheckBox span.rich-checkbox:not(.disabled):hover {
  border-color: #0079BC;
}

#homePageRedesign .snowball .richCheckBox span.rich-checkbox.selected {
  background-color: #0079BC;
  border: 1px solid #0079BC;
}

#homePageRedesign .snowball .richCheckBox span.rich-checkbox.selected::after {
  color: #FFF;
  font-size: 20px;
  margin-left: 0;
  line-height: 20px;
}

#homePageRedesign .content-modules {
  position: relative;
  top: -40px;
}

#homePageRedesign .memberBenefits h2 {
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 36px;
  line-height: 48px;
  margin-bottom: 12px;
}

#homePageRedesign .memberBenefits .viewAllBenefits,
#homePageRedesign .memberBoxes .viewAllBoxes {
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #0079BC;
}

#homePageRedesign .homePageModal.modal.in {
  display: flex !important;
  background: rgba(255, 255, 255, 0.9);
  height: 100%;
  justify-content: center;
  align-items: center;
}

#homePageRedesign .homePageModal.modal.in .modal-dialog {
  margin: 0;
  width: 950px;
  height: 100%;
}

#homePageRedesign .homePageModal.modal.in .modal-dialog .modal-header {
  padding: 30px 35px 15px;
  text-align: left;
  border-bottom: none;
}

#homePageRedesign .homePageModal.modal.in .modal-dialog .modal-header .modal-title {
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 28px;
  color: #253B56;
}

#homePageRedesign .homePageModal.modal.in .modal-dialog .modal-content {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 2px solid #A1AFC0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

#homePageRedesign .homePageModal.modal.in .modal-dialog .newsAlertitems {
  margin-top: 0;
}

#homePageRedesign .homePageModal.modal.in .modal-dialog .newsAlertitems .item {
  padding: 15px;
}

#homePageRedesign .homePageModal.modal.in .modal-dialog .newsAlertitems .item.odd {
  padding-right: 27.3px;
  padding-left: 0;
}

#homePageRedesign .homePageModal.modal.in .modal-dialog .newsAlertitems .item.odd:first-child,
#homePageRedesign .homePageModal.modal.in .modal-dialog .newsAlertitems .item.even:first-child {
  padding-left: 15px;
}

#homePageRedesign .homePageModal.modal.in .modal-dialog .newsAlertitems .item.odd:last-child,
#homePageRedesign .homePageModal.modal.in .modal-dialog .newsAlertitems .item.even:last-child {
  padding-right: 15px;
}

#homePageRedesign .homePageModal.modal.in .modal-dialog .newsAlertitems .item.even {
  padding-left: 0;
  padding-right: 27.3px;
}

#homePageRedesign .homePageModal.modal.in .modal-body {
  padding: 20px;
  padding-top: 0;
}

#homePageRedesign .homePageModal.modal.in .modal-header .close {
  color: #78899E;
  margin-top: 8px;
  opacity: 1;
  font-size: 24.1px;
}

#homePageRedesign .homePageModal.modal.in .modal-header .close:hover,
#homePageRedesign .homePageModal.modal.in .modal-header .close:focus {
  color: #0E6594;
}

#homePageRedesign .memberBoxes {
  width: 1200px;
  margin: 0 auto;
  margin-top: 80px;
  text-align: center;
}

#homePageRedesign .memberBoxes h1 {
  font-size: 36px !important;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  text-align: center;
  color: #253B56;
}

#homePageRedesign .memberBoxes .viewAllBoxes {
  margin-bottom: 40px;
}

#homePageRedesign .memberBoxes .row .items {
  overflow: hidden;
  padding: 0;
  text-align: left;
}

#homePageRedesign .memberBoxes .row.bottom-content .items {
  height: auto;
}

#homePageRedesign .memberBoxes .row.bottom-content {
  display: flex;
}

#homePageRedesign .memberBoxes .row .items img {
  height: 100%;
  width: 100%;
}

#homePageRedesign .memberBoxes .specialOffersLabel {
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 36px;
  line-height: 48px;
  margin-bottom: 12px;
}

#homePageRedesign .memberBoxes .row:nth-child(3) .items:nth-child(1) img,
#homePageRedesign .memberBoxes .row:nth-child(3) .items:nth-child(2) img {
  width: 100%;
  height: 100%;
  max-width: none;
}

#homePageRedesign .memberBoxes .row .items.white {
  background-color: #FFFFFF;
  padding: 40px;
}

#homePageRedesign .memberBoxes .row .items.white h3 {
  font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
  font-size: 2.5vw;
  font-weight: lighter;
  line-height: 2.7vw;
  margin-bottom: 1vw;
}

#homePageRedesign .memberBoxes .row .items.white p {
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 1.3vw;
  line-height: 1.9vw;
  margin-bottom: 2.5vh;
}

#homePageRedesign .memberBoxes .row .items.blue {
  background-color: #0E6594;
  color: #FFF;
  overflow: visible;
  padding: 40px;
}

#homePageRedesign .memberBoxes .row .items.blue:before {
  content: '';
  width: 0;
  height: 0;
  left: 39%;
  top: -30px;
  border-bottom: 30px solid #0E6594;
  border-right: 37.5px solid transparent;
  border-left: 37.5px solid transparent;
  position: absolute;
  z-index: 999;
  margin-top: 0;
}

#homePageRedesign .memberBoxes .row .items.blue h3 {
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  color: #FFF;
  font-size: 2vw;
  font-weight: 400;
  line-height: 2.8vw;
  margin-bottom: 1vw;
}

#homePageRedesign .memberBoxes .row .items.blue p {
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 1.3vw;
  font-weight: 400;
  line-height: 2vw;
  margin-bottom: 2vh;
}

#homePageRedesign .memberBoxes .row .items.blue a {
  font-size: 18px;
  font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
  color: #ffffff;
  text-decoration: underline;
  line-height: 24px;
}

#homePageRedesign .memberBoxes .row .items.blue a:hover,
#homePageRedesign .memberBoxes .row .items.blue a:focus {
  text-decoration: none;
}

#homePageRedesign .memberBoxes .row .items.blue a:focus {
  outline: 1px dotted;
}

#homePageRedesign .memberBoxes .row .items a.btn:hover,
#homePageRedesign .memberBoxes .row .items a.btn:focus {
  background-color: #0079BC;
  color: #fff;
}

#homePageRedesign > div.memberBoxes > div:nth-child(4) > div.col-sm-4.items.white > a {
  font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  min-width: 190px;
}

#homePageRedesign .loggedOutBoxes {
  width: 1200px;
  margin: 0 auto;
}

#homePageRedesign .loggedOutBoxes h1 {
  font-size: 36px !important;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  text-align: center;
  color: #253B56;
  margin-bottom: 40px;
}

#homePageRedesign .loggedOutBoxes .row .items {
  height: 390px;
  overflow: hidden;
  padding: 0;
  text-align: left;
}

#homePageRedesign .loggedOutBoxes .row .items img {
  width: auto;
  height: 100%;
}

#homePageRedesign .loggedOutBoxes .row .items.white {
  background-color: #FFFFFF;
  padding: 40px;
}

#homePageRedesign .loggedOutBoxes .row .items.white h3 {
  font-size: 30px !important;
  line-height: 41px;
  font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
}

#homePageRedesign .loggedOutBoxes .row .items.white p {
  font-size: 18px;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
}

#homePageRedesign .loggedOutBoxes .row .items.blue {
  background-color: #0E6594;
  color: #ffffff;
  overflow: visible;
  padding: 40px;
}

#homePageRedesign .loggedOutBoxes .row .items.blue:before {
  content: '';
  width: 0;
  height: 0;
  left: 39%;
  top: -30px;
  border-bottom: 30px solid #0E6594;
  border-right: 37.5px solid transparent;
  border-left: 37.5px solid transparent;
  position: absolute;
  z-index: 999;
  margin-top: 0;
}

#homePageRedesign .loggedOutBoxes .row .items.blue h3 {
  font-size: 30px !important;
  line-height: 41px;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  color: #ffffff;
}

#homePageRedesign .loggedOutBoxes .row .items.blue p {
  font-size: 18px;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
}

#homePageRedesign .loggedOutBoxes .row .items.blue a {
  font-size: 18px;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  color: #ffffff;
  text-decoration: underline;
}

#homePageRedesign .memberBenefits {
  width: 1200px;
  text-align: center;
  margin: 0 auto;
  padding-top: 80px;
}

#homePageRedesign .memberBenefits .intro {
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #253B56;
  margin-bottom: 15px;
}

#homePageRedesign .memberBenefits .memberBenefitsItems {
  padding-top: 40px;
}

#homePageRedesign .memberBenefits .memberBenefitsItems .item {
  text-align: left;
  padding: 0;
  overflow: hidden;
}

#homePageRedesign .memberBenefits .memberBenefitsItems .item.focus {
  outline: 1px dotted #00739a;
  z-index: 1;
}

#homePageRedesign .memberBenefits .memberBenefitsItems .item p {
  font-size: 20px;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  color: #fff;
  position: absolute;
  z-index: 1;
  padding: 30px;
}

#homePageRedesign .memberBenefits .memberBenefitsItems .item p strong {
  font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
}

#homePageRedesign .memberBenefits .memberBenefitsItems .featured-card .item p {
  font-size: 30px;
}

#homePageRedesign .memberBenefits .memberBenefitsItems .item img {
  z-index: 0;
  opacity: 1;
  -webkit-transform: translateX(0) translateY(0) translateZ(0) scaleX(1.004) scaleY(1.004) scaleZ(1.004);
  transform: translateX(0) translateY(0) translateZ(0) scaleX(1.004) scaleY(1.004) scaleZ(1.004);
  transition: opacity 1000ms,-webkit-transform 1000ms;
  transition: opacity 1000ms,transform 1000ms;
}

#homePageRedesign .memberBenefits .memberBenefitsItems .item:nth-child(1) img {
  width: 100%;
  height: 100%;
}

#homePageRedesign .memberBenefits .memberBenefitsItems .item:hover img,
#homePageRedesign .memberBenefits .memberBenefitsItems .item a:focus img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
}

#homePageRedesign .memberCruise {
  margin: 0 auto;
  margin-top: 80px;
  overflow: hidden;
}

#homePageRedesign .memberCruise.right .text {
  text-align: right;
  float: right;
}

#homePageRedesign .memberCruise .text {
  position: relative;
  z-index: 1;
  padding: 80px 100px;
}

#homePageRedesign .memberCruise .text h2 {
  font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
  font-size: 30px;
  margin-bottom: 10px;
}

#homePageRedesign .memberCruise .text .intro {
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 20px;
  max-width: 500px;
  line-height: 28px;
  margin-bottom: 20px;
}

#homePageRedesign .memberCruise .text a.enterNow {
  font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
  font-size: 20px;
  text-decoration: underline;
  color: #253B56;
  line-height: 28px;
}

#homePageRedesign .memberCruise .text a.enterNow:hover {
  text-decoration: none;
}

#homePageRedesign .memberCruise .text a.enterNow:focus {
  outline: 1px dotted;
  text-decoration: none;
}

#homePageRedesign .memberCruise img {
  position: absolute;
  height: 100%;
  width: 100%;
  max-height: 150vh;
  max-width: 200vw;
  object-fit: cover;
  left: 0;
  top: 0;
  z-index: 0;
}

#homePageRedesign > div.memberCruise > div > div {
  padding: 0;
}

#homePageRedesign .memberDiscover {
  width: 1200px;
  margin: 0 auto;
  margin-top: 80px;
  text-align: center;
  margin-bottom: 80px;
}

#homePageRedesign .memberDiscover h1 {
  font-size: 36px !important;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  text-align: center;
  color: #253B56;
  margin-bottom: 40px;
  line-height: 48px;
}

#homePageRedesign .memberDiscover .row .items {
  width: 585px;
  height: 400px;
  overflow: hidden;
  /*     border: 1px solid #ccc; */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin: 0 0px;
}

#homePageRedesign .memberDiscover .row .items img {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#homePageRedesign .memberDiscover .text {
  font-size: 30px;
  font-family: Avenir-book, Helvetica, Arial, sans-serif;
  color: #FFFFFF;
  padding: 40px 50px;
  position: absolute;
  z-index: 9;
  text-align: left;
}

#homePageRedesign .memberDiscover .text a {
  color: #fff;
}

#homePageRedesign .memberDiscover .text strong {
  font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
}

#homePageRedesign .loggedRequestInfo {
  max-width: 1200px;
  margin: 0 auto;
  border: 1px solid #D1DDE7;
  margin-top: 80px;
  padding: 60px;
  background: #F7F9FC;
}

#homePageRedesign .loggedRequestInfo .intro {
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  color: #253B56;
  font-size: 16px;
}

#homePageRedesign .loggedRequestInfo .item {
  padding-left: 0px;
  padding-right: 0px;
}

#homePageRedesign .loggedRequestInfo .item h2 {
  font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
  font-size: 28px;
}

#homePageRedesign .loggedRequestInfo .item p {
  font-family: Avenir-medium, Helvetica, Arial, sans-serif;
  font-size: 20px;
}

#homePageRedesign .loggedRequestInfo .item.item-1 {
  text-align: center;
}

#homePageRedesign .loggedRequestInfo .item.item-2 {
  padding: 0 60px;
}

#homePageRedesign .loggedRequestInfo .item.item-3 {
  text-align: right;
}

#homePageRedesign .loggedRequestInfo .item.item-3 .btn {
  width: 100%;
  background-color: #0079BC;
  margin-top: 29px;
}

#homePageRedesign .loggedRequestInfo .icon {
  font-size: 60px;
  margin-top: 21px;
}

#homePageRedesign .loggedSweeptakes {
  width: 100%;
  min-height: 360px;
  background-size: 100%;
  margin-top: 80px;
}

#homePageRedesign .loggedSweeptakes .item-1 {
  height: 360px;
  padding-left: 0;
}

#homePageRedesign .loggedSweeptakes .item-1 img {
  height: 100%;
}

#homePageRedesign .loggedSweeptakes .item-2 {
  margin-top: 103px;
  padding-left: 40px;
  padding-right: 60px;
}

#homePageRedesign .loggedSweeptakes .item-3 {
  height: 360px;
}

#homePageRedesign .loggedSweeptakes .item-3 img {
  position: absolute;
  bottom: 20px;
}

#homePageRedesign .loggedSweeptakes h2 {
  font-size: 30px;
  font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
}

#homePageRedesign .loggedSweeptakes p {
  font-size: 20px;
  font-family: Avenir-medium, Helvetica, Arial, sans-serif;
}

#homePageRedesign .loggedSweeptakes a {
  font-size: 20px;
  font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
  color: #253B56;
  text-decoration: underline;
}

#homePageRedesign .memberHero.loggedOut .welcome {
  margin-top: 200px;
}

#homePageRedesign .memberHero.loggedOut .welcome h1,
#homePageRedesign .memberHero.loggedOut .welcome h2 {
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 50px;
  line-height: 60px;
  margin-bottom: 40px;
  color: #FFFFFF;
}

#homePageRedesign .memberHero.loggedOut .linkContainer {
  text-align: center;
}

#homePageRedesign .memberHero.loggedOut .linkContainer a {
  font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
  font-size: 20px;
  color: #FFFFFF;
  padding-right: 30px;
}

#homePageRedesign .memberHero.loggedOut .linkContainer a#offerDetails:after {
  content: '\e30c';
  font-family: pepmdx2 !important;
  font-size: 20px;
  color: #FFFFFF;
  padding-left: 5px;
}

#homePageRedesign .memberHero.loggedOut .linkContainer a#signIn:after,
#homePageRedesign .memberHero.loggedOut .linkContainer a#signInJP:after {
  content: '\e32a';
  font-family: pepmdx2 !important;
  font-size: 20px;
  color: #FFFFFF;
  padding-left: 5px;
}

#homePageRedesign .memberVacationShop .productsContainer {
  width: 1200px;
  margin: 0 auto;
  clear: both;
  text-align: center;
  margin-top: 80px;
  overflow: auto;
}

#homePageRedesign .memberVacationShop h2 {
  font-size: 36px;
  color: #253B56;
  line-height: 48px;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
}

#homePageRedesign .memberVacationShop .intro {
  font-size: 16px;
  color: #253B56;
  line-height: 24px;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  margin-bottom: 14px;
}

#homePageRedesign .memberVacationShop .introLink {
  margin-bottom: 40px;
}

#homePageRedesign .memberVacationShop .introLink .linkShop {
  font-size: 16px;
  color: #0079BC;
  line-height: 24px;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
}

#homePageRedesign .memberVacationShop .product-img {
  width: 100%;
  height: 285px;
  overflow: hidden;
  position: relative;
}

#homePageRedesign .memberVacationShop .product-img img {
  width: auto;
  max-width: fit-content;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#homePageRedesign .memberVacationShop .products .productItems a:hover {
  text-decoration: none;
}

#homePageRedesign .memberVacationShop .product-title {
  font-family: Avenir-heavy,Helvetica,Arial,sans-serif;
  font-size: 14px;
  color: #253B56;
  text-align: center;
  line-height: 20px;
  max-width: 250px;
  margin-top: 20px;
  margin-bottom: 10px;
}

#homePageRedesign .memberVacationShop .product-price {
  font-family: Avenir-medium, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #666666;
  text-align: center;
  line-height: 20px;
}

#homePageRedesign .memberVacationShop .dvcss-hr-faded,
#homePageRedesign .memberVacationShop .hr-fade {
  width: 750px;
  margin: 50px auto 0;
  background-image: radial-gradient(52% 50%, #D0DDE7 48%, #FFFFFF 100%);
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(255, 255, 255, 0)), color-stop(5%, #D0DDE7), color-stop(95%, #D0DDE7), to(white));
}

#homePageRedesign .memberVacationShop .products {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#homePageRedesign .memberVacationBlog {
  width: 1200px;
  margin: 0 auto;
  clear: both;
  text-align: center;
  margin-top: 80px;
}

#homePageRedesign .memberVacationBlog h2 {
  font-size: 36px;
  color: #253B56;
  line-height: 48px;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
}

#homePageRedesign .memberVacationBlog .intro {
  font-size: 16px;
  color: #253B56;
  line-height: 24px;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  margin-bottom: 14px;
}

#homePageRedesign .memberVacationBlog .blogs {
  margin-bottom: 54px;
  display: flex;
}

#homePageRedesign .memberVacationBlog .introLink {
  margin-bottom: 40px;
}

#homePageRedesign .memberVacationBlog .blogItem {
  text-align: left;
  background-color: rgba(236, 241, 244, 0.42);
  border: solid 1px #ECF1F4;
  height: 100%;
  flex-grow: 1;
}

#homePageRedesign .memberVacationBlog .blog-img {
  width: 100%;
  height: 204px;
  overflow: hidden;
  position: relative;
}

#homePageRedesign .memberVacationBlog .blog-img img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
}

#homePageRedesign .memberVacationBlog .blogItem .blog-date {
  font-size: 16px;
  color: #253B56;
  letter-spacing: 0;
  line-height: 24px;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  padding: 20px 0 0 20px;
  margin-bottom: 10px;
}

#homePageRedesign .memberVacationBlog .blogItem .blog-title {
  font-size: 20px;
  color: #253B56;
  letter-spacing: 0;
  line-height: 28px;
  font-family: Avenir-medium, Helvetica, Arial, sans-serif;
  padding: 0 20px;
  margin-bottom: 20px;
}

#homePageRedesign .memberVacationBlog .blogItem .blog-link {
  padding: 0 20px;
  margin-bottom: 20px;
}

#homePageRedesign .memberVacationBlog .blogItem .blog-link a {
  font-size: 16px;
  color: #00739A;
  letter-spacing: 0;
  line-height: 24px;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
}

@media (min-width: 1200px) {
  #homePageRedesign .memberBoxes .row.bottom-content {
    max-height: 390px;
  }
  #homePageRedesign .memberBoxes .row .items.white h3,
  #homePageRedesign .memberBoxes .row .items.blue h3 {
    font-size: 30px;
    line-height: 40px;
  }
  #homePageRedesign .memberBoxes .row .items.white p,
  #homePageRedesign .memberBoxes .row .items.blue p {
    font-size: 18px;
    line-height: 24px;
  }
}

@media screen and (width: 1024px) {
  #homePageRedesign .loggedOutBoxes {
    width: 100%;
  }
  #homePageRedesign .memberBoxes {
    width: 100%;
  }
  #homePageRedesign .loggedRequestInfo {
    width: 100%;
  }
}

@media only screen and (min-device-width: 501px) and (max-device-width: 768px) and (orientation: portrait) {
  #homePageRedesign .control p,
  #homePageRedesign .control {
    margin-bottom: 0;
  }
  #homePageRedesign .memberHero.open {
    margin-bottom: 510px;
  }
  #homePageRedesign .memberCruise .text {
    padding: 30px 20px;
  }
  #homePageRedesign .loggedOutBoxes {
    width: 100%;
    margin-top: 0px;
  }
  #homePageRedesign .loggedOutBoxes .row .items.white,
  #homePageRedesign .loggedOutBoxes .row .items.blue {
    height: auto;
  }
  #homePageRedesign .loggedRequestInfo {
    width: 100%;
  }
  #homePageRedesign .memberBenefits {
    width: 100%;
    text-align: left;
  }
  #homePageRedesign .memberBenefits h2,
  #homePageRedesign .memberBenefits .intro,
  #homePageRedesign .memberBenefits .viewAllBenefits {
    padding: 0 20px;
  }
  #homePageRedesign .memberBenefits h2 {
    font-size: 28px;
  }
  #homePageRedesign .memberBenefits .memberBenefitsItems .featured-card .item p {
    font-size: 20px;
  }
  #homePageRedesign .memberCruise .text {
    padding: 30px 20px;
  }
  #homePageRedesign .memberCruise img {
    width: 100%;
    max-width: 100%;
    height: 100%;
  }
  #homePageRedesign .memberCruise .text h2 {
    font-size: 24px;
  }
  #homePageRedesign .memberCruise .text .intro {
    font-size: 16px;
  }
  #homePageRedesign .memberCruise .text a.enterNow {
    font-size: 16px;
  }
  #homePageRedesign .memberBoxes {
    width: 100%;
  }
  #homePageRedesign .memberBoxes h1 {
    font-size: 28px !important;
    padding: 0 20px;
    text-align: left;
    margin-bottom: 12px;
    text-align: left;
  }
  #homePageRedesign .memberBoxes .viewAllBoxes {
    padding: 0 20px;
    text-align: left;
  }
  #homePageRedesign .memberBoxes .row .items.blue {
    padding: 20px;
  }
  #homePageRedesign .memberBoxes .row .items.blue h3 {
    font-size: 20px !important;
  }
  #homePageRedesign .memberBoxes .row .items.blue a,
  #homePageRedesign .memberBoxes .row .items.blue p {
    font-size: 16px;
  }
  #homePageRedesign .memberBoxes .row .items.white {
    padding: 20px !important;
  }
  #homePageRedesign .memberBoxes .row .items.white h3 {
    font-size: 20px !important;
  }
  #homePageRedesign .memberBoxes .row .items.white p {
    font-size: 16px !important;
  }
  #homePageRedesign .memberDiscover {
    width: 100%;
    padding: 0 20px;
  }
  #homePageRedesign .memberDiscover h1 {
    text-align: left;
    font-size: 28px;
  }
  #homePageRedesign .memberDiscover .row .items {
    width: 100%;
    padding: 0;
    height: 230px;
    margin-bottom: 30px;
  }
  #homePageRedesign .memberDiscover .row .items .text {
    font-size: 20px;
    padding: 20px 15px;
  }
  #homePageRedesign .memberHero.loggedOut .welcome {
    margin-top: 90px;
  }
  #homePageRedesign .memberHero.loggedOut .welcome h1,
  #homePageRedesign .memberHero.loggedOut .welcome h2 {
    font-size: 28px;
  }
  #homePageRedesign .memberHero.loggedOut .linkContainer a {
    font-size: 16px;
    padding-right: 15px;
  }
  #homePageRedesign .memberHero.loggedOut .linkContainer a#offerDetails:after {
    font-size: 16px;
  }
  #homePageRedesign .memberHero.loggedOut .linkContainer a#signIn:after {
    font-size: 16px;
  }
  #homePageRedesign .memberHero.memberVacation .remainingDays.flip-clock-wrapper ul {
    font-size: 50px;
    width: 55px;
    height: 81px;
  }
  #homePageRedesign .memberHero.memberVacation .remainingDays.flip-clock-wrapper ul li a div {
    font-size: 50px;
  }
  #homePageRedesign .memberHero.memberVacation .remainingDays.flip-clock-wrapper ul li a div div.inn {
    width: 55px;
    padding-top: 0px;
    font-size: 50px;
  }
  #homePageRedesign .memberHero.memberVacation .remainingDays.flip-clock-wrapper ul li a div.up:after {
    width: 51px;
  }
  #homePageRedesign .memberHero.memberVacation .intro p {
    margin-bottom: 20px;
  }
  #homePageRedesign .memberVacationShop {
    width: 100%;
  }
  #homePageRedesign .memberVacationShop h2 {
    font-size: 28px;
    color: #253B56;
    letter-spacing: 0;
    line-height: 36px;
    text-align: left;
    padding: 0 20px;
  }
  #homePageRedesign .memberVacationShop .intro {
    color: #253B56;
    letter-spacing: 0;
    line-height: 24px;
    text-align: left;
    padding: 0 20px;
  }
  #homePageRedesign .memberVacationShop .introLink {
    text-align: left;
    padding: 0 20px;
  }
  #homePageRedesign .memberVacationShop .dvcss-hr-faded {
    display: none;
  }
  #homePageRedesign .memberVacationShop .productsContainer {
    overflow: auto;
  }
  #homePageRedesign .memberVacationShop .product-img {
    width: 100%;
    height: 200px;
    overflow: hidden;
  }
  #homePageRedesign .memberVacationShop .productsContainer .products {
    display: flex;
    justify-content: left;
    width: fit-content;
    padding: 0 64px;
  }
  #homePageRedesign .memberVacationShop .productsContainer .products .productItem {
    width: 248px;
  }
  #homePageRedesign .memberVacationBlog {
    width: 100%;
  }
  #homePageRedesign .memberVacationBlog h2 {
    font-size: 28px;
    color: #253B56;
    letter-spacing: 0;
    line-height: 36px;
    text-align: left;
    padding: 0 20px;
  }
  #homePageRedesign .memberVacationBlog .intro {
    color: #253B56;
    letter-spacing: 0;
    line-height: 24px;
    text-align: left;
    padding: 0 20px;
  }
  #homePageRedesign .memberVacationBlog .introLink {
    text-align: left;
    padding: 0 20px;
  }
  #homePageRedesign .memberVacationBlog .dvcss-hr-faded {
    display: none;
  }
  #homePageRedesign .memberVacationBlog .product-img {
    width: 100%;
    height: 190px;
  }
  #homePageRedesign .memberVacationBlog .blogsContainer {
    width: 100%;
    overflow: auto;
  }
  #homePageRedesign .memberVacationBlog .blogsContainer .blogs {
    display: flex;
    justify-content: left;
    width: fit-content;
    padding: 0 20px;
    margin-bottom: 0;
  }
  #homePageRedesign .memberVacationBlog .blogsContainer .blogs .swiperItem {
    display: flex;
  }
  #homePageRedesign .memberVacationBlog .blogsContainer .blogs .blogItem {
    width: 335px !important;
    flex-grow: 1;
    height: 100%;
  }
  #homePageRedesign .memberVacationBlog .blogsContainer .blogs .col-md-4:first-child,
  #homePageRedesign .memberVacationBlog .blogsContainer .blogs .col-md-4:last-child {
    padding: 0;
  }
  #homePageRedesign .swiperSelectorButtons {
    display: block;
  }
  #homePageRedesign .homePageModal.modal.in {
    background: white;
  }
  #homePageRedesign .homePageModal.modal.in .modal-dialog {
    width: 100%;
    height: 100%;
  }
  #homePageRedesign .homePageModal.modal.in .modal-body {
    padding: 0;
  }
  #homePageRedesign .homePageModal.modal.in .modal-header .close {
    float: left;
    margin-top: 3px;
  }
  #homePageRedesign .homePageModal.modal.in [data-icon3]:before {
    content: attr(data-icon-mobile);
    font-size: 20px;
    color: #1994D7;
  }
  #homePageRedesign .homePageModal.modal.in .modal-dialog .modal-header {
    padding: 16px 10px 15px;
    border-bottom: 1px solid #ECF1F4;
  }
  #homePageRedesign .homePageModal.modal.in .modal-dialog .modal-header .modal-title {
    font-family: Avenir-book, Helvetica, Arial, sans-serif;
    font-size: 20px;
    color: #253B56;
    text-align: center;
    line-height: 28px;
  }
  #homePageRedesign .homePageModal.modal.in .modal-dialog .modal-content {
    border: none;
  }
  #homePageRedesign .homePageModal.modal.in .modal-dialog .newsAlertitems {
    margin-top: 30px;
  }
  #homePageRedesign .homePageModal.modal.in .modal-dialog .newsAlertitems .item {
    padding: 0;
  }
  #homePageRedesign .homePageModal.modal.in .modal-dialog .newsAlertitems .item.even {
    padding-right: 15px;
    padding-left: 0;
  }
  #homePageRedesign .homePageModal.modal.in .modal-dialog .newsAlertitems .item.odd:first-child,
  #homePageRedesign .homePageModal.modal.in .modal-dialog .newsAlertitems .item.even:first-child {
    padding-left: 15px;
    padding-right: 15px;
  }
  #homePageRedesign .homePageModal.modal.in .modal-dialog .newsAlertitems .item.odd:last-child,
  #homePageRedesign .homePageModal.modal.in .modal-dialog .newsAlertitems .item.even:last-child {
    padding-right: 15px;
  }
  #homePageRedesign .memberBenefits .memberBenefitsItems .item img {
    width: 100%;
    max-width: 100%;
  }
  #homePageRedesign .content-modules {
    top: 0;
  }
  #homePageRedesign .member-hero-content {
    width: 100% !important;
  }
}

@media screen and (max-width: 767px) {
  #homePageRedesign {
    /* Check Availability */
    /* End Check Availability */
  }
  #homePageRedesign .memberHero {
    margin-bottom: 0;
    max-height: max-content;
    background-position-y: top;
    height: auto;
  }
  #homePageRedesign .memberHero.open {
    margin-bottom: 0px;
  }
  #homePageRedesign .memberHero .dropdown-menu {
    position: absolute !important;
  }
  #homePageRedesign .memberHero.memberVacation .welcome,
  #homePageRedesign .memberHero.memberVacation .welcome h1 {
    margin-bottom: 20px;
  }
  #homePageRedesign .memberHero .welcome,
  #homePageRedesign .memberHero .welcome h1 {
    font-size: 24px;
  }
  #homePageRedesign .memberHero .intro {
    font-size: 18px;
    margin-top: 25px;
  }
  #homePageRedesign .memberHero .intro p {
    line-height: 24px;
  }
  #homePageRedesign .memberHero .percentage .circleProgress {
    width: 125px;
    height: 125px;
    top: 27%;
  }
  #homePageRedesign .memberHero .percentage .circleProgress .circleContent {
    width: 125px;
    top: 28%;
  }
  #homePageRedesign .memberHero .percentage .circleProgress .circleContent .points {
    font-size: 30px;
    line-height: 41px;
  }
  #homePageRedesign .memberHero .percentage .circleProgress .circleContent .year {
    font-size: 14px;
    line-height: 20px;
  }
  #homePageRedesign .control p,
  #homePageRedesign .control {
    margin-bottom: 0;
  }
  #homePageRedesign .memberBenefits {
    width: 100%;
    text-align: left;
    margin-top: 45px;
    padding-top: 0;
  }
  #homePageRedesign .memberBenefits h2,
  #homePageRedesign .memberBenefits .intro,
  #homePageRedesign .memberBenefits .viewAllBenefits {
    padding: 0 20px;
  }
  #homePageRedesign .memberBenefits h2 {
    font-size: 28px;
  }
  #homePageRedesign .memberBenefits .memberBenefitsItems .item img {
    height: 100% !important;
    width: 100% !important;
  }
  #homePageRedesign .memberBenefits .memberBenefitsItems .item:first-child p {
    font-size: 20px;
  }
  #homePageRedesign .memberBenefits .memberBenefitsItems .non-featured.item p {
    font-size: 20px;
  }
  #homePageRedesign .memberCruise {
    padding: 0 auto 0;
    margin-top: 0;
  }
  #homePageRedesign .memberCruise div > div {
    height: auto !important;
    padding: 0;
  }
  #homePageRedesign .memberCruise.right .text {
    text-align: left;
    float: left;
  }
  #homePageRedesign .memberCruise .text {
    padding: 30px 20px;
    height: auto;
    position: absolute;
  }
  #homePageRedesign .memberCruise img {
    height: 100% !important;
    width: 100% !important;
    max-width: unset;
    position: static;
  }
  #homePageRedesign .memberCruise .text h2 {
    font-size: 24px;
  }
  #homePageRedesign .memberCruise .text .intro {
    font-size: 16px;
  }
  #homePageRedesign .memberCruise .text a.enterNow {
    font-size: 16px;
  }
  #homePageRedesign .memberBoxes {
    width: 100%;
    margin-top: 60px;
    text-align: left;
  }
  #homePageRedesign .memberBoxes h2, #homePageRedesign .memberBoxes a {
    padding-left: 20px;
  }
  #homePageRedesign .memberBoxes h2 {
    margin-bottom: 12px;
  }
  #homePageRedesign .memberBoxes h1 {
    font-size: 28px !important;
    padding: 0 20px;
    text-align: left;
    margin-bottom: 12px;
    text-align: left;
  }
  #homePageRedesign .memberBoxes > div:nth-child(4) > div:nth-child(3) {
    margin-top: 10px;
  }
  #homePageRedesign .memberBoxes > div:nth-child(4) > div:nth-child(3) > img {
    width: 100%;
    height: auto;
  }
  #homePageRedesign .memberBoxes .viewAllBoxes {
    padding: 0 20px;
    text-align: left;
  }
  #homePageRedesign .memberBoxes .row.bottom-content {
    display: block;
  }
  #homePageRedesign .memberBoxes .row .items,
  #homePageRedesign .memberBoxes .row.bottom-content .items {
    height: auto;
  }
  #homePageRedesign .memberBoxes .row .items.blue {
    padding: 20px;
  }
  #homePageRedesign .memberBoxes .row .items.blue h3 {
    font-size: 20px !important;
    line-height: 28px;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
  }
  #homePageRedesign .memberBoxes .row .items.blue a,
  #homePageRedesign .memberBoxes .row .items.blue p {
    font-size: 16px;
    padding-left: 0;
    line-height: 24px;
  }
  #homePageRedesign .memberBoxes .row .items.white {
    padding: 20px !important;
  }
  #homePageRedesign .memberBoxes .row .items.white h3 {
    font-size: 20px !important;
    line-height: 28px;
  }
  #homePageRedesign .memberBoxes .row .items.white p {
    font-size: 16px !important;
    line-height: 24px;
  }
  #homePageRedesign .memberBoxes .row .items .btn {
    width: 100%;
  }
  #homePageRedesign .memberBoxes .intro {
    padding: 0 20px;
  }
  #homePageRedesign .memberDiscover {
    width: 100%;
    padding: 0 20px;
    margin-top: 60px;
  }
  #homePageRedesign .memberDiscover h1 {
    text-align: left;
    font-size: 28px;
  }
  #homePageRedesign .memberDiscover .row .items {
    width: 100%;
    padding: 0;
    height: 230px;
    margin-bottom: 30px;
  }
  #homePageRedesign .memberDiscover .row .items .text {
    font-size: 20px;
    padding: 20px 15px;
  }
  #homePageRedesign .loggedOutBoxes h1 {
    font-size: 28px !important;
  }
  #homePageRedesign .loggedOutBoxes {
    width: 100%;
  }
  #homePageRedesign .loggedOutBoxes .row .items {
    height: auto;
  }
  #homePageRedesign .loggedOutBoxes .row .items img {
    height: 187.5px;
  }
  #homePageRedesign .loggedOutBoxes .row .items.blue {
    padding: 20px;
  }
  #homePageRedesign .loggedOutBoxes .row .items.blue h3 {
    font-size: 20px !important;
  }
  #homePageRedesign .loggedOutBoxes .row .items.blue a,
  #homePageRedesign .loggedOutBoxes .row .items.blue p {
    font-size: 16px;
  }
  #homePageRedesign .loggedOutBoxes .row .items.white {
    padding: 20px !important;
  }
  #homePageRedesign .loggedOutBoxes .row .items.white h3 {
    font-size: 20px !important;
  }
  #homePageRedesign .loggedOutBoxes .row .items.white p {
    font-size: 16px !important;
  }
  #homePageRedesign .loggedRequestInfo {
    width: 100%;
    padding: 20px;
  }
  #homePageRedesign .loggedRequestInfo .item.item-2 {
    padding: 0;
  }
  #homePageRedesign .loggedRequestInfo .icon {
    margin-top: 0;
    font-size: 40px;
    display: inline-block;
  }
  #homePageRedesign .loggedRequestInfo .item h2 {
    font-size: 18px;
    display: inline-block;
    margin-bottom: 27px;
  }
  #homePageRedesign .loggedRequestInfo .item p {
    font-size: 16px;
  }
  #homePageRedesign .loggedRequestInfo .item.item-3 .btn {
    margin-top: 0;
  }
  #homePageRedesign .loggedSweeptakes .item-1 {
    height: auto;
  }
  #homePageRedesign .loggedSweeptakes .item-2 {
    margin-top: 30px;
  }
  #homePageRedesign .loggedSweeptakes {
    min-height: auto;
  }
  #homePageRedesign .memberHero.loggedOut .welcome {
    margin-top: 50px;
  }
  #homePageRedesign .memberHero.loggedOut .welcome h1,
  #homePageRedesign .memberHero.loggedOut .welcome h2 {
    font-size: 28px;
  }
  #homePageRedesign .memberHero.loggedOut .linkContainer a {
    font-size: 16px;
    padding-right: 15px;
  }
  #homePageRedesign .memberHero.loggedOut .linkContainer a#offerDetails:after {
    font-size: 16px;
  }
  #homePageRedesign .memberHero.loggedOut .linkContainer a#signIn:after {
    font-size: 16px;
  }
  #homePageRedesign .memberHero.memberVacation .remainingDays.flip-clock-wrapper ul {
    font-size: 50px;
    width: 55px;
    height: 81px;
  }
  #homePageRedesign .memberHero.memberVacation .remainingDays.flip-clock-wrapper ul li a div {
    font-size: 50px;
  }
  #homePageRedesign .memberHero.memberVacation .remainingDays.flip-clock-wrapper ul li a div div.inn {
    width: 55px;
    padding-top: 0px;
    font-size: 50px;
  }
  #homePageRedesign .memberHero.memberVacation .remainingDays.flip-clock-wrapper ul li a div.up:after {
    width: 51px;
  }
  #homePageRedesign .memberHero.memberVacation .intro p {
    margin-bottom: 20px;
  }
  #homePageRedesign .memberVacationShop {
    width: 100%;
  }
  #homePageRedesign .memberVacationShop h2 {
    font-size: 28px;
    color: #253B56;
    letter-spacing: 0;
    line-height: 36px;
    text-align: left;
    padding: 0 20px;
  }
  #homePageRedesign .memberVacationShop .intro {
    color: #253B56;
    letter-spacing: 0;
    line-height: 24px;
    text-align: left;
    padding: 0 20px;
  }
  #homePageRedesign .memberVacationShop .introLink {
    text-align: left;
    padding: 0 20px;
  }
  #homePageRedesign .memberVacationShop .dvcss-hr-faded {
    display: none;
  }
  #homePageRedesign .memberVacationShop .productsContainer {
    overflow: auto;
  }
  #homePageRedesign .memberVacationShop .product-img {
    width: 100%;
    height: 200px;
  }
  #homePageRedesign .memberVacationShop .productsContainer .products {
    display: flex;
    justify-content: left;
    width: fit-content;
    padding: 0 64px;
  }
  #homePageRedesign .memberVacationShop .productsContainer .products .productItem {
    width: 248px;
  }
  #homePageRedesign .memberVacationBlog {
    width: 100%;
  }
  #homePageRedesign .memberVacationBlog h2 {
    font-size: 28px;
    color: #253B56;
    letter-spacing: 0;
    line-height: 36px;
    text-align: left;
    padding: 0 20px;
  }
  #homePageRedesign .memberVacationBlog .intro {
    color: #253B56;
    letter-spacing: 0;
    line-height: 24px;
    text-align: left;
    padding: 0 20px;
  }
  #homePageRedesign .memberVacationBlog .introLink {
    text-align: left;
    padding: 0 20px;
  }
  #homePageRedesign .memberVacationBlog .dvcss-hr-faded {
    display: none;
  }
  #homePageRedesign .memberVacationBlog .product-img {
    width: 100%;
    height: 190px;
  }
  #homePageRedesign .memberVacationBlog .blogsContainer {
    width: 100%;
    overflow: auto;
  }
  #homePageRedesign .memberVacationBlog .blogsContainer .blogs {
    display: flex;
    justify-content: left;
    width: fit-content;
    padding: 0 20px;
    margin-bottom: 0;
  }
  #homePageRedesign .memberVacationBlog .blogsContainer .blogs .swiperItem {
    display: flex;
  }
  #homePageRedesign .memberVacationBlog .blogsContainer .blogs .blogItem {
    width: 335px;
    flex-grow: 1;
    height: 100%;
  }
  #homePageRedesign .memberVacationBlog .blogsContainer .blogs .col-md-4:first-child,
  #homePageRedesign .memberVacationBlog .blogsContainer .blogs .col-md-4:last-child {
    padding: 0;
  }
  #homePageRedesign .swiperSelectorButtons {
    display: block;
  }
  #homePageRedesign .homePageModal.modal.in {
    background: white;
  }
  #homePageRedesign .homePageModal.modal.in .modal-dialog {
    width: 100%;
    height: 100%;
  }
  #homePageRedesign .homePageModal.modal.in .modal-body {
    padding: 0;
  }
  #homePageRedesign .homePageModal.modal.in .modal-header .close {
    float: left;
    margin-top: 3px;
  }
  #homePageRedesign .homePageModal.modal.in [data-icon3]:before {
    content: attr(data-icon-mobile);
    font-size: 20px;
    color: #1994D7;
  }
  #homePageRedesign .homePageModal.modal.in .modal-dialog .modal-header {
    padding: 16px 10px 15px;
    border-bottom: 1px solid #ECF1F4;
  }
  #homePageRedesign .homePageModal.modal.in .modal-dialog .modal-header .modal-title {
    font-family: Avenir-book, Helvetica, Arial, sans-serif;
    font-size: 20px;
    color: #253B56;
    text-align: center;
    line-height: 28px;
  }
  #homePageRedesign .homePageModal.modal.in .modal-dialog .modal-content {
    border: none;
  }
  #homePageRedesign .homePageModal.modal.in .modal-dialog .newsAlertitems:first-child {
    margin-top: 30px;
  }
  #homePageRedesign .homePageModal.modal.in .modal-dialog .newsAlertitems {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    display: inline-flex !important;
    justify-content: space-between !important;
    margin-top: 20px;
    margin-left: 0;
    margin-right: 0;
  }
  #homePageRedesign .homePageModal.modal.in .modal-dialog .newsAlertitems .item {
    padding: 0;
  }
  #homePageRedesign .homePageModal.modal.in .modal-dialog .newsAlertitems .item.even {
    padding-right: 15px;
    padding-left: 0;
  }
  #homePageRedesign .homePageModal.modal.in .modal-dialog .newsAlertitems .item.odd:first-child,
  #homePageRedesign .homePageModal.modal.in .modal-dialog .newsAlertitems .item.even:first-child {
    padding-left: 15px;
    padding-right: 15px;
  }
  #homePageRedesign .homePageModal.modal.in .modal-dialog .newsAlertitems .item.odd:last-child,
  #homePageRedesign .homePageModal.modal.in .modal-dialog .newsAlertitems .item.even:last-child {
    padding-right: 15px;
  }
  #homePageRedesign .homePageModal.modal.in .modal-dialog .newsAlertitems .item .itemContent {
    padding: 10px;
    height: 100%;
    display: inline-block;
  }
  #homePageRedesign .memberBoxes .row .items.blue p {
    margin-bottom: 20px;
  }
  #homePageRedesign .memberHero .logo-icon {
    margin-top: 96px;
  }
  #homePageRedesign #memberPointsControlLeft a, #homePageRedesign #memberPointsControlRight a {
    border-width: 0 3px 3px 0;
    padding: 8px;
  }
  #homePageRedesign #memberPointsControlLeft a {
    left: 20px;
  }
  #homePageRedesign #memberPointsControlRight a {
    right: 20px;
  }
  #homePageRedesign .content-modules {
    top: 0;
  }
  #homePageRedesign .memberHero .dropDownContainer .formInputElement {
    top: -20px;
    text-align: left;
    border-bottom: 2px solid #A1AFC0;
    height: 46px;
    width: 95%;
    font-size: 12px;
    margin-left: 7px;
    left: 0px;
  }
  #homePageRedesign .content-media .selectBox .listWrapper {
    margin-top: 4px;
  }
}

@media screen and (width: 1024px) {
  #homePageRedesign .memberHero .control p {
    padding-left: 5px;
  }
  #homePageRedesign .memberBenefits {
    width: 100%;
  }
  #homePageRedesign .memberDiscover {
    width: 100%;
  }
  #homePageRedesign .memberDiscover .row .items {
    width: 505px;
  }
  #homePageRedesign .memberVacationShop,
  #homePageRedesign .memberVacationBlog {
    width: 100%;
  }
}

#homePageRedesign > div.memberBoxes > h2 {
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 36px;
  line-height: 48px;
  margin-bottom: 12px;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  #homePageRedesign .memberBenefits,
  #homePageRedesign .memberCruise,
  #homePageRedesign .memberBoxes,
  #homePageRedesign .memberDiscover {
    width: 100%;
  }
}

@media screen and (max-width: 370px) {
  #homePageRedesign .memberHero .percentage .circleProgress {
    margin: 5px;
  }
}

#homePageRedesign.prospectPage p, #homePageRedesign.prospectPage div, #homePageRedesign.prospectPage h1, #homePageRedesign.prospectPage h2, #homePageRedesign.prospectPage h3, #homePageRedesign.prospectPage h4, #homePageRedesign.prospectPage h5, #homePageRedesign.prospectPage h6 {
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
}

#homePageRedesign.prospectPage .flexRow {
  display: flex;
}

#homePageRedesign.prospectPage #mediaEngineCampaign {
  position: relative;
}

#homePageRedesign.prospectPage .content-modules {
  top: 0;
  margin-top: 80px;
}

#homePageRedesign.prospectPage .memberBenefits {
  padding-top: 0;
}

#homePageRedesign.prospectPage .hero-image-media {
  position: relative;
}

#homePageRedesign.prospectPage .hero-image-media h1.media-title {
  font-size: 42px;
  letter-spacing: 0;
  line-height: 60px;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  margin: 0 0 1.5em;
}

#homePageRedesign.prospectPage .hero-image-media img {
  min-width: 0 !important;
  max-width: none !important;
  width: 100% !important;
  height: auto;
}

#homePageRedesign.prospectPage .hero-image-media .media-text-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
}

#homePageRedesign.prospectPage .hero-image-media .media-title {
  font-size: 42px;
  letter-spacing: 0;
  line-height: 60px;
}

#homePageRedesign.prospectPage .hero-image-media .media-links {
  text-align: center;
  margin-top: 20px;
}

#homePageRedesign.prospectPage .hero-image-media .media-links a {
  font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
  font-size: 20px;
  letter-spacing: 0;
}

#homePageRedesign.prospectPage .swiperSelectorButtons {
  display: block;
}

#homePageRedesign.prospectPage div.content-modules > div {
  margin: 0 auto 80px;
}

#homePageRedesign.prospectPage .memberHero {
  height: 577px;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  margin-bottom: 80px;
}

#homePageRedesign.prospectPage .memberHero .welcome {
  color: #253B56;
  margin-bottom: 40px;
}

#homePageRedesign.prospectPage .memberHero .heroLinksContainer {
  font-size: 20px;
  font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
  text-align: center;
}

#homePageRedesign.prospectPage .memberHero .heroLinksContainer span {
  color: #253B56;
}

#homePageRedesign.prospectPage .memberHero .heroLinksContainer #viewVideoContainer {
  margin-right: 40px;
}

#homePageRedesign.prospectPage .memberBoxes h2 {
  font-size: 36px;
  line-height: 48px;
  margin-bottom: 40px;
  padding: 0;
  max-width: 1090px;
}

#homePageRedesign.prospectPage .memberBoxes div:nth-child(3) {
  margin-top: 0px;
}

#homePageRedesign.prospectPage .loggedOutBoxes {
  margin: auto;
}

#homePageRedesign.prospectPage .loggedOutBoxes h1 {
  line-height: 48px;
  margin-bottom: 40px;
}

#homePageRedesign.prospectPage .loggedOutBoxes .boxDetail h3 {
  margin-bottom: 10px;
}

#homePageRedesign.prospectPage .loggedOutBoxes .boxDetail p {
  margin-bottom: 30px;
}

#homePageRedesign.prospectPage .loggedRequestInfo {
  margin: 0 auto 80px auto !important;
  padding: 60px 60px 35px;
}

#homePageRedesign.prospectPage .loggedRequestInfo h2 {
  line-height: 36px;
  margin-bottom: 10px;
}

#homePageRedesign.prospectPage .loggedRequestInfo p {
  line-height: 28px;
}

#homePageRedesign.prospectPage .loggedRequestInfo .item.item-2 {
  padding-left: 50px;
}

#homePageRedesign.prospectPage .loggedRequestInfo .item.item-3 {
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

#homePageRedesign.prospectPage .containerHeader {
  margin-bottom: 40px;
}

#homePageRedesign.prospectPage .containerHeader * {
  text-align: center;
  width: 100%;
  display: block;
}

#homePageRedesign.prospectPage .containerHeader .title {
  font-size: 35px;
  font-family: Avenir-book, Helvetica, Arial, sans-serif;
  margin-bottom: 15px;
}

#homePageRedesign.prospectPage .containerHeader a {
  font-size: 16px;
  color: #0079BC;
  line-height: 24px;
}

#homePageRedesign.prospectPage .themedDVCResorts {
  max-width: 1440px;
}

#homePageRedesign.prospectPage .themedDVCResorts .containerContent {
  position: relative;
}

#homePageRedesign.prospectPage .themedDVCResorts .carousel-inner .item {
  max-height: 455px;
}

#homePageRedesign.prospectPage .themedDVCResorts .carousel-inner .item a.btn-primary {
  border: 2px solid #fff !important;
}

#homePageRedesign.prospectPage .themedDVCResorts .arrow-previous,
#homePageRedesign.prospectPage .themedDVCResorts .arrow-next {
  margin-bottom: 0;
  z-index: 99;
}

#homePageRedesign.prospectPage .themedDVCResorts .arrow-previous .icon,
#homePageRedesign.prospectPage .themedDVCResorts .arrow-next .icon {
  font-size: 30px;
  color: #FFF;
  font-weight: lighter;
  opacity: 0.8;
}

#homePageRedesign.prospectPage .themedDVCResorts .arrow-previous:hover, #homePageRedesign.prospectPage .themedDVCResorts .arrow-previous:focus, #homePageRedesign.prospectPage .themedDVCResorts .arrow-previous:active,
#homePageRedesign.prospectPage .themedDVCResorts .arrow-next:hover,
#homePageRedesign.prospectPage .themedDVCResorts .arrow-next:focus,
#homePageRedesign.prospectPage .themedDVCResorts .arrow-next:active {
  text-decoration: none;
}

#homePageRedesign.prospectPage .themedDVCResorts .arrow-previous:hover .icon, #homePageRedesign.prospectPage .themedDVCResorts .arrow-previous:focus .icon, #homePageRedesign.prospectPage .themedDVCResorts .arrow-previous:active .icon,
#homePageRedesign.prospectPage .themedDVCResorts .arrow-next:hover .icon,
#homePageRedesign.prospectPage .themedDVCResorts .arrow-next:focus .icon,
#homePageRedesign.prospectPage .themedDVCResorts .arrow-next:active .icon {
  color: #0079BC;
}

#homePageRedesign.prospectPage .themedDVCResorts .arrow-previous:focus .icon,
#homePageRedesign.prospectPage .themedDVCResorts .arrow-next:focus .icon {
  outline: 1px dotted #ccc;
}

#homePageRedesign.prospectPage .themedDVCResorts .slider-control-left,
#homePageRedesign.prospectPage .themedDVCResorts .slider-control-right {
  z-index: 99;
  position: absolute;
}

#homePageRedesign.prospectPage .themedDVCResorts .slider-control-left {
  top: 45%;
  left: 33px;
}

#homePageRedesign.prospectPage .themedDVCResorts .slider-control-right {
  top: 45%;
  right: 33px;
}

#homePageRedesign.prospectPage .themedDVCResorts .resortDescriptionContainer {
  min-width: 530px;
  max-height: 455px;
  padding: 60px 80px 60px 80px;
  background-color: #563A6A;
  flex: 0;
}

#homePageRedesign.prospectPage .themedDVCResorts .resortDescriptionContainer * {
  color: white;
}

#homePageRedesign.prospectPage .themedDVCResorts .resortDescriptionContainer span {
  font-family: Avenir-bookOblique, Helvetica, Arial, sans-serif;
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 24px;
}

#homePageRedesign.prospectPage .themedDVCResorts .resortDescriptionContainer span.off-screen {
  display: none;
}

#homePageRedesign.prospectPage .themedDVCResorts .resortDescriptionContainer h2 {
  font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 2px;
}

#homePageRedesign.prospectPage .themedDVCResorts .resortDescriptionContainer h3 {
  font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 20px;
}

#homePageRedesign.prospectPage .themedDVCResorts .resortDescriptionContainer p {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 30px;
}

#homePageRedesign.prospectPage .themedDVCResorts .resortDescriptionContainer .btn {
  border: 2px solid #FFFFFF;
  border-radius: 3px;
  background: #563A6A;
  font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  min-width: 200px;
}

#homePageRedesign.prospectPage .themedDVCResorts .resortDescriptionContainer .btn:hover,
#homePageRedesign.prospectPage .themedDVCResorts .resortDescriptionContainer .btn:focus,
#homePageRedesign.prospectPage .themedDVCResorts .resortDescriptionContainer .btn:active {
  background-color: transparent !important;
  text-decoration: underline;
  border: 2px solid #FFF !important;
}

#homePageRedesign.prospectPage .themedDVCResorts .resortImageContainer {
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  flex: 1;
}

#homePageRedesign.prospectPage .themedDVCResorts .resortImageContainer .imageContainer {
  align-self: stretch;
  margin-bottom: 0px;
}

#homePageRedesign.prospectPage .themedDVCResorts .resortImageContainer .imageContainer img {
  height: 455px;
  width: 100%;
}

#homePageRedesign.prospectPage .themedDVCResorts .resortImageContainer .imageContainer .image-response-desktop {
  width: 100%;
  height: 455px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

#homePageRedesign.prospectPage .memberCruise > div > div {
  height: 360px;
}

#homePageRedesign.prospectPage .testimonialsContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

#homePageRedesign.prospectPage .testimonialsContainer .slider-control-left,
#homePageRedesign.prospectPage .testimonialsContainer .slider-control-right {
  position: absolute;
  top: 40%;
}

#homePageRedesign.prospectPage .testimonialsContainer .slider-control-left {
  left: 20px;
  transform: translate(-20px, -40%);
}

#homePageRedesign.prospectPage .testimonialsContainer .slider-control-right {
  right: 20px;
  transform: translate(-20px, -45%);
}

#homePageRedesign.prospectPage .testimonialsContainer .slider-nav-icon {
  color: #CACACA;
  display: inline-block;
  margin-bottom: 0;
  z-index: 99;
  position: absolute;
  opacity: 0.8;
}

#homePageRedesign.prospectPage .testimonialsContainer .slider-nav-icon .icon {
  font-size: 30px;
}

#homePageRedesign.prospectPage .testimonialsContainer .slider-nav-icon:hover, #homePageRedesign.prospectPage .testimonialsContainer .slider-nav-icon:focus, #homePageRedesign.prospectPage .testimonialsContainer .slider-nav-icon:active {
  text-decoration: none;
}

#homePageRedesign.prospectPage .testimonialsContainer .slider-nav-icon:hover .icon, #homePageRedesign.prospectPage .testimonialsContainer .slider-nav-icon:focus .icon, #homePageRedesign.prospectPage .testimonialsContainer .slider-nav-icon:active .icon {
  color: #0079BC;
}

#homePageRedesign.prospectPage .testimonialsContainer .slider-nav-icon:focus .icon {
  outline: 1px dotted #ccc;
}

#homePageRedesign.prospectPage .testimonialsContainer .testimonials {
  overflow: hidden;
  width: 1024px;
  margin: 0 30px;
  scroll-snap-type: x mandatory;
}

#homePageRedesign.prospectPage .testimonialsContainer .testimonials .owl-dots {
  text-align: center;
  margin-top: 20px;
}

#homePageRedesign.prospectPage .testimonialsContainer .testimonials .testimonial {
  scroll-snap-align: none center;
  border-radius: 20px;
  border: 1px solid #D1DDE7;
  overflow: hidden;
  background-color: #F7F9FC;
  display: flex;
  flex-shrink: 0;
}

#homePageRedesign.prospectPage .testimonialsContainer .testimonials .testimonial > * {
  width: 50%;
}

#homePageRedesign.prospectPage .testimonialsContainer .testimonials .testimonial .testimonial-img.center-cropped {
  width: 50%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: cover;
}

#homePageRedesign.prospectPage .testimonialsContainer .testimonials .testimonial .testimonial-img {
  max-height: 288px;
}

#homePageRedesign.prospectPage .testimonialsContainer .testimonials .testimonial .testimonial-img img {
  width: auto;
  height: 100%;
}

#homePageRedesign.prospectPage .testimonialsContainer .testimonials .testimonial .testimonialDesc {
  position: relative;
  padding: 4% 0 2% 5%;
}

#homePageRedesign.prospectPage .testimonialsContainer .testimonials .testimonial .testimonialDesc .doubleqoutes {
  position: absolute;
  top: 6%;
  left: 5%;
}

#homePageRedesign.prospectPage .testimonialsContainer .testimonials .testimonial .testimonialDesc .doubleqoutes img {
  width: 63px;
}

#homePageRedesign.prospectPage .testimonialsContainer .testimonials .testimonial .testimonialDesc p {
  font-size: 24px;
  color: #052E5E;
  line-height: 32px;
  max-width: 90%;
  padding: 0;
  margin: 0;
  position: relative;
}

#homePageRedesign.prospectPage .testimonialsContainer .testimonials .testimonial .testimonialDesc .watch * {
  color: #0079BC;
}

#homePageRedesign.prospectPage .testimonialsContainer .testimonials .testimonial .testimonialDesc .watch .icon {
  font-size: 18px;
}

#homePageRedesign.prospectPage .testimonialsContainer .testimonials .testimonial .testimonialDesc .watch .watch-btn {
  font-size: 16px;
  line-height: 24px;
  color: #0079BC;
  font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
}

#homePageRedesign.prospectPage .testimonialsContainer .testimonials .testimonial .testimonialDesc .watch .watch-btn .text {
  position: relative;
  top: -3px;
}

#homePageRedesign.prospectPage .testimonialsContainer .testimonials .testimonial .testimonialDesc .watch .watch-btn:hover,
#homePageRedesign.prospectPage .testimonialsContainer .testimonials .testimonial .testimonialDesc .watch .watch-btn:active,
#homePageRedesign.prospectPage .testimonialsContainer .testimonials .testimonial .testimonialDesc .watch .watch-btn:focus {
  text-decoration: none;
}

#homePageRedesign.prospectPage .testimonialsContainer .testimonials .testimonial .testimonialDesc .watch .watch-btn:hover .icon,
#homePageRedesign.prospectPage .testimonialsContainer .testimonials .testimonial .testimonialDesc .watch .watch-btn:active .icon,
#homePageRedesign.prospectPage .testimonialsContainer .testimonials .testimonial .testimonialDesc .watch .watch-btn:focus .icon {
  text-decoration: none;
}

#homePageRedesign.prospectPage .testimonialsContainer .testimonials .testimonial .testimonialDesc .watch .watch-btn:hover .text,
#homePageRedesign.prospectPage .testimonialsContainer .testimonials .testimonial .testimonialDesc .watch .watch-btn:active .text,
#homePageRedesign.prospectPage .testimonialsContainer .testimonials .testimonial .testimonialDesc .watch .watch-btn:focus .text {
  text-decoration: underline;
}

#homePageRedesign.prospectPage .testimonialsContainer .testimonials .testimonial .testimonialDesc .member-name {
  font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #052E5E;
  letter-spacing: 0;
  text-align: right;
  line-height: 24px;
  margin-right: 10%;
  padding: 20px 0;
}

#homePageRedesign.prospectPage .circles {
  display: flex;
  justify-content: center;
}

#homePageRedesign.prospectPage .circles .circle {
  height: 13px;
  width: 13px;
  border-radius: 13px;
  background: #D1DDE7;
  margin: 0px 9px;
  opacity: 0.3;
}

#homePageRedesign.prospectPage .circles .circle.active {
  opacity: 1;
}

@media (max-width: 1200px) {
  #homePageRedesign.prospectPage .loggedRequestInfo {
    width: unset;
    margin-left: 50px !important;
    margin-right: 50px !important;
    padding: 30px;
  }
  #homePageRedesign.prospectPage .loggedRequestInfo .item.item-3 .btn {
    white-space: normal;
  }
  #homePageRedesign .memberVacationShop,
  #homePageRedesign .memberVacationBlog {
    text-align: left;
  }
  #homePageRedesign .memberVacationShop h2, #homePageRedesign .memberVacationShop p,
  #homePageRedesign .memberVacationBlog h2,
  #homePageRedesign .memberVacationBlog p {
    padding-left: 20px;
    padding-right: 20px;
  }
  #homePageRedesign .memberVacationBlog .blogsContainer {
    width: 100%;
    overflow: auto;
  }
  #homePageRedesign .memberVacationShop .productsContainer {
    overflow: auto;
  }
}

@media (max-width: 869px) {
  #homePageRedesign.prospectPage .themedDVCResorts .flexRow {
    flex-direction: column-reverse;
  }
  #homePageRedesign.prospectPage .themedDVCResorts .resortImageContainer .imageContainer img {
    display: block !important;
  }
  #homePageRedesign.prospectPage .themedDVCResorts .resortImageContainer .image-response-desktop {
    display: none !important;
  }
}

@media (max-width: 767px) {
  #homePageRedesign.prospectPage div.content-modules > div {
    margin-bottom: 50px !important;
  }
  #homePageRedesign.prospectPage .content-modules {
    margin-top: 40px;
  }
  #homePageRedesign.prospectPage .containerHeader {
    margin-bottom: 40px;
  }
  #homePageRedesign.prospectPage .containerHeader * {
    text-align: left;
    padding: 0 20px;
  }
  #homePageRedesign.prospectPage .containerHeader .title {
    font-size: 28px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    margin-bottom: 12px;
    line-height: 36px;
  }
  #homePageRedesign.prospectPage .memberBoxes h2 {
    font-size: 28px;
    line-height: 36px;
    padding: 0 20px;
  }
  #homePageRedesign.prospectPage .loggedRequestInfo {
    margin: 0 !important;
    padding: 15px 20px 25px 20px;
    width: 100%;
  }
  #homePageRedesign.prospectPage .loggedRequestInfo .item.item-2 {
    padding-left: 0;
  }
  #homePageRedesign.prospectPage .loggedRequestInfo .icon {
    display: inline;
  }
  #homePageRedesign.prospectPage .loggedRequestInfo > div:first-child > div:first-child {
    margin-bottom: 10px;
  }
  #homePageRedesign.prospectPage .loggedRequestInfo > div:nth-child(2) > div:nth-child(2) {
    margin-bottom: 30px;
  }
  #homePageRedesign.prospectPage .themedDVCResorts {
    margin-bottom: 30px !important;
  }
  #homePageRedesign.prospectPage .themedDVCResorts .flexRow {
    flex-direction: column-reverse;
  }
  #homePageRedesign.prospectPage .themedDVCResorts .resortImageContainer {
    height: auto;
  }
  #homePageRedesign.prospectPage .themedDVCResorts .resortImageContainer .imageContainer img {
    width: 100%;
    align-self: auto;
    height: auto;
  }
  #homePageRedesign.prospectPage .themedDVCResorts .slider-control-left {
    left: 10px;
  }
  #homePageRedesign.prospectPage .themedDVCResorts .slider-control-right {
    right: 10px;
  }
  #homePageRedesign.prospectPage .themedDVCResorts .resortDescriptionContainer {
    padding: 30px 20px;
    min-width: unset;
  }
  #homePageRedesign.prospectPage .themedDVCResorts .resortDescriptionContainer h2 {
    font-size: 20px;
    line-height: 28px;
  }
  #homePageRedesign.prospectPage .themedDVCResorts .resortDescriptionContainer h3 {
    font-size: 16px;
    line-height: 24px;
  }
  #homePageRedesign.prospectPage .themedDVCResorts .resortDescriptionContainer p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 25px;
  }
  #homePageRedesign.prospectPage .themedDVCResorts .resortDescriptionContainer a {
    width: 100%;
  }
  #homePageRedesign.prospectPage .themedDVCResorts .carousel-inner .item {
    max-height: 540px;
  }
  #homePageRedesign.prospectPage .memberBenefits h2 {
    padding: 0 20px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #homePageRedesign.prospectPage .themedDVCResorts .carousel-inner .item {
    max-height: unset;
  }
}

@media (max-width: 414px) {
  #homePageRedesign.prospectPage .themedDVCResorts .resortImageContainer .imageContainer img {
    width: 100%;
    align-self: auto;
    height: auto;
  }
}

@media (max-width: 1100px) {
  #homePageRedesign.prospectPage .hearFromOurMembers .testimonialsContainer .slider-control-left,
  #homePageRedesign.prospectPage .hearFromOurMembers .testimonialsContainer .slider-control-right {
    display: none;
  }
  #homePageRedesign.prospectPage .hearFromOurMembers .testimonialsContainer > .icon {
    display: none;
  }
  #homePageRedesign.prospectPage .hearFromOurMembers .testimonialsContainer .owl-stage {
    display: flex;
  }
  #homePageRedesign.prospectPage .hearFromOurMembers .testimonialsContainer .owl-item {
    width: 320px;
    margin-right: 20px;
  }
  #homePageRedesign.prospectPage .hearFromOurMembers .testimonialsContainer .testimonials {
    margin: 0;
  }
  #homePageRedesign.prospectPage .hearFromOurMembers .testimonialsContainer .testimonials .testimonial {
    border: 0;
    margin: 0 auto;
    border-radius: 10px;
    flex-direction: column-reverse;
    justify-content: flex-end;
  }
  #homePageRedesign.prospectPage .hearFromOurMembers .testimonialsContainer .testimonials .testimonial > * {
    width: 100%;
  }
  #homePageRedesign.prospectPage .hearFromOurMembers .testimonialsContainer .testimonials .testimonial .testimonialDesc {
    padding: 0px;
  }
  #homePageRedesign.prospectPage .hearFromOurMembers .testimonialsContainer .testimonials .testimonial .testimonialDesc p {
    font-size: 20px;
    line-height: 28px;
    padding: 40px 0 0 40px;
    padding: 35px 20px 0 40px;
    max-width: 100%;
    min-height: 200px;
  }
  #homePageRedesign.prospectPage .hearFromOurMembers .testimonialsContainer .testimonials .testimonial .testimonialDesc .doubleqoutes {
    top: 20px;
    left: 8px;
  }
  #homePageRedesign.prospectPage .hearFromOurMembers .testimonialsContainer .testimonials .testimonial .testimonialDesc .doubleqoutes img {
    width: 55px;
  }
  #homePageRedesign.prospectPage .hearFromOurMembers .testimonialsContainer .testimonials .testimonial .testimonialDesc .watch {
    border-top: 3px solid #ECF1F4;
    padding-top: 16px;
    padding-bottom: 16px;
    justify-content: center;
  }
  #homePageRedesign.prospectPage .hearFromOurMembers .testimonialsContainer .testimonials .testimonial .testimonialDesc .watch a:hover .icon {
    text-decoration: none;
  }
  #homePageRedesign.prospectPage .hearFromOurMembers .testimonialsContainer .testimonials .testimonial .testimonialDesc .member-name {
    margin-right: 20px;
    margin-bottom: 31px;
  }
  #homePageRedesign.prospectPage .hearFromOurMembers .testimonialsContainer .testimonials .testimonial .testimonial-img {
    max-height: 100%;
  }
  #homePageRedesign.prospectPage .hearFromOurMembers .testimonialsContainer .testimonials .testimonial .testimonial-img img {
    height: auto;
  }
}

#homePageRedesign .text-light,
#homePageRedesign .text-light a,
#homePageRedesign .text-light p,
#homePageRedesign .text-light h1,
#homePageRedesign .text-light h2 {
  color: #fff !important;
}

#homePageRedesign .text-dark,
#homePageRedesign .text-dark a,
#homePageRedesign .text-dark p,
#homePageRedesign .text-dark h1,
#homePageRedesign .text-dark h2 {
  color: #253B56 !important;
}

#homePageRedesign .text-dark a:hover,
#homePageRedesign .text-dark a:focus {
  text-decoration: none !important;
}

.home-page-disclaimer {
  margin: 20px auto 0;
  max-width: 940px;
  color: #253B56;
  font-family: Avenir,Helvetica,Arial,sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.home-page-disclaimer p {
  padding: 0 20px;
}

.home-page-disclaimer p:first-child strong {
  font-size: 16px;
}

@media (max-width: 319px) {
  #homePageRedesign .homePageModal.modal.in .modal-dialog .newsAlertitems {
    display: block !important;
    margin-top: 0px;
  }
  #homePageRedesign .homePageModal.modal.in .modal-dialog .newsAlertitems .item.odd {
    padding-right: 0px;
  }
  #homePageRedesign .homePageModal.modal.in .modal-dialog .newsAlertitems .item.even:first-child, #homePageRedesign .homePageModal.modal.in .modal-dialog .newsAlertitems .item.odd:first-child {
    padding-left: 0px;
    padding-right: 0px;
  }
  #homePageRedesign .homePageModal.modal.in .modal-dialog .newsAlertitems .item.even:last-child, #homePageRedesign .homePageModal.modal.in .modal-dialog .newsAlertitems .item.odd:last-child {
    padding-right: 0px;
  }
}

#homePageRedesign.prospectPage .disneyPlus {
  padding-top: 0;
}

#homePageRedesign .disneyPlus {
  width: 1200px;
  text-align: center;
  margin: 0 auto;
  padding-top: 80px;
}

#homePageRedesign .disneyPlus .row .items {
  overflow: hidden;
  padding: 0;
  text-align: left;
}

#homePageRedesign .disneyPlus img {
  width: 100%;
  height: 100%;
  z-index: 0;
}

@media screen and (max-width: 767px) {
  #homePageRedesign.prospectPage .disneyPlus {
    margin-top: 60px;
  }
  #homePageRedesign .disneyPlus {
    width: 100%;
    margin-top: 80px;
    text-align: left;
    padding-top: 0;
  }
  #homePageRedesign .disneyPlus .row .items {
    height: auto;
  }
  #homePageRedesign .disneyPlus img {
    height: 100% !important;
    width: 100% !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  #homePageRedesign .disneyPlus {
    width: 100%;
  }
}

#homePageRedesign #previewDateWrapper .datepickerRangeSwiper {
  max-width: 1070px;
}

#homePageRedesign .dvui-fieldset-row {
  margin-bottom: 0;
}

#homePageRedesign .datepickerRangeSwiper {
  margin: 27px 65px 35px;
}

#homePageRedesign .datepickerRangeSwiper .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: auto;
}

#homePageRedesign .datepickerRangeSwiper .swiper-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  min-height: 1px;
  height: auto;
  padding: 0 25px;
}

#homePageRedesign .datepickerRangeSwiper .swiper-button-next,
#homePageRedesign .datepickerRangeSwiper .swiper-button-prev {
  background: none;
  color: #1994D7;
  font-family: pepmdx2 !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  height: 20px;
  width: 20px;
  margin-top: -10px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#homePageRedesign .datepickerRangeSwiper .swiper-button-next,
#homePageRedesign .datepickerRangeSwiper .swiper-container-rtl .swiper-button-prev {
  right: -45px;
}

#homePageRedesign .datepickerRangeSwiper .swiper-button-prev,
#homePageRedesign .datepickerRangeSwiper .swiper-container-rtl .swiper-button-next {
  left: -45px;
}

#homePageRedesign .datepickerRangeSwiper .swiper-button-next:hover,
#homePageRedesign .datepickerRangeSwiper .swiper-button-next:focus,
#homePageRedesign .datepickerRangeSwiper .swiper-button-prev:hover,
#homePageRedesign .datepickerRangeSwiper .swiper-button-prev:focus {
  color: #253b56;
  text-decoration: none;
}

#homePageRedesign .datepickerRangeSwiper .swiper-button-next:focus,
#homePageRedesign .datepickerRangeSwiper .swiper-button-prev:focus {
  outline: dotted thin;
  outline: -webkit-focus-ring-color auto 5px;
  outline-color: #00739a;
  outline-offset: -2px;
}

#homePageRedesign .datepickerRangeSwiper .swiper-button-next.swiper-button-disabled,
#homePageRedesign .datepickerRangeSwiper .swiper-button-prev.swiper-button-disabled {
  color: #a1afc0;
  cursor: auto;
  opacity: 1.0;
  pointer-events: none;
}

#homePageRedesign .datepickerRangeSwiper .swiper-button-next:before {
  content: "\e30c";
  margin-left: -2px;
}

#homePageRedesign .datepickerRangeSwiper .swiper-button-prev:before {
  content: "\e30d";
  margin-left: -2px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #homePageRedesign .datepickerRangeSwiper .swiper-slide {
    display: block;
  }
  #homePageRedesign .datepickerRangeSwiper .swiper-body {
    display: block;
    height: 100%;
  }
}

@media (max-width: 767px) {
  #homePageRedesign .datepickerRangeSwiper {
    overflow: hidden;
    margin: 0;
  }
  #homePageRedesign .datepickerRangeSwiper .swiper-container {
    overflow: visible;
    padding: 0 20px;
  }
  #homePageRedesign .datepickerRangeSwiper .swiper-button-next {
    right: 40px;
  }
  #homePageRedesign .datepickerRangeSwiper .swiper-button-prev {
    left: 40px;
  }
}

#homePageRedesign .datepickerRangeFC {
  min-height: 1px;
  height: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #homePageRedesign .datepickerRangeFC {
    height: 100%;
  }
}

#homePageRedesign .datepickerRangeFC.fc table {
  border-collapse: separate;
  border-spacing: 0;
  min-height: 0;
  margin-bottom: 0;
  border-spacing: 0 1px !important;
}

#homePageRedesign .datepickerRangeFC.fc td {
  border: none;
}

#homePageRedesign .datepickerRangeFC.fc .fc-toolbar {
  margin-bottom: 0;
}

#homePageRedesign .datepickerRangeFC.fc .fc-toolbar .fc-center {
  display: block;
}

#homePageRedesign .datepickerRangeFC.fc .fc-toolbar h2 {
  float: none;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  padding-bottom: 18px;
  text-align: center;
}

#homePageRedesign .datepickerRangeFC.fc .fc-toolbar h2 strong {
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-weight: 600;
}

#homePageRedesign .datepickerRangeFC.fc .fc-view-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

#homePageRedesign .datepickerRangeFC.fc .fc-month-view > table > thead > tr > td.fc-widget-header .fc-row.fc-widget-header {
  border-bottom: 1px solid #ddd;
  margin-bottom: 9px;
}

#homePageRedesign .datepickerRangeFC.fc .fc-month-view > table > thead > tr > td.fc-widget-header .fc-row.fc-widget-header table {
  margin-bottom: 9px;
}

#homePageRedesign .datepickerRangeFC.fc .fc-month-view > table > thead > tr > td.fc-widget-header .fc-row.fc-widget-header table th.fc-day-header {
  color: #78899e;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

#homePageRedesign .datepickerRangeFC.fc .fc-row {
  height: auto !important;
}

#homePageRedesign .datepickerRangeFC.fc .fc-row .fc-content-skeleton {
  padding-bottom: 0;
}

#homePageRedesign .datepickerRangeFC.fc .fc-row .fc-content-skeleton table tbody td {
  display: none;
}

#homePageRedesign .datepickerRangeFC.fc .fc-day {
  cursor: pointer;
}

#homePageRedesign .datepickerRangeFC.fc .fc-day:after {
  display: none;
}

#homePageRedesign .datepickerRangeFC.fc .fc-day:hover .fc-day-link,
#homePageRedesign .datepickerRangeFC.fc .fc-day .fc-day-link:focus {
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  border: 2px solid #000;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #homePageRedesign .datepickerRangeFC.fc .fc-day:hover .fc-day-link,
  #homePageRedesign .datepickerRangeFC.fc .fc-day .fc-day-link:focus {
    position: relative;
  }
}

@-moz-document url-prefix() {
  #homePageRedesign .datepickerRangeFC.fc .fc-day:hover .fc-day-link,
  #homePageRedesign .datepickerRangeFC.fc .fc-day .fc-day-link:focus {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    width: auto;
  }
}

#homePageRedesign .datepickerRangeFC.fc .fc-day.fc-past {
  cursor: default;
}

#homePageRedesign .datepickerRangeFC.fc .fc-bg .fc-day.fc-before-min-check-in:before {
  background: none;
  border-color: #fff;
}

#homePageRedesign .datepickerRangeFC.fc .fc-day-number {
  background-color: #fff;
  color: #00739a;
  font-family: Avenir-roman, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  padding: 6px 8px;
  text-align: center;
}

#homePageRedesign .datepickerRangeFC.fc .fc-day-number.selectable {
  background-color: #ebf6fc;
  color: #00739a;
}

#homePageRedesign .datepickerRangeFC.fc .fc-day-number.selected,
#homePageRedesign .datepickerRangeFC.fc .fc-day-number.selected.highlighted {
  background-color: #00739a;
  color: #fff;
  border: 1px solid #FFF;
}

#homePageRedesign .datepickerRangeFC.fc .fc-day-number.highlighted {
  background-color: #ebf6fc;
  color: #00739a;
  border: 1px solid #FFF;
}

#homePageRedesign .datepickerRangeFC.fc .fc-day-number.fc-past,
#homePageRedesign .datepickerRangeFC.fc .fc-day-number.fc-before-min-check-in,
#homePageRedesign .datepickerRangeFC.fc .fc-day-number.fc-after-max-check-in {
  color: #a1afc0;
}

#homePageRedesign .datepickerRangeFC.fc .fc-day-number.fc-after-max-check-in.selectable,
#homePageRedesign .datepickerRangeFC.fc .fc-day-number.fc-after-max-check-in.date-selectable {
  color: #00739a;
}

#homePageRedesign .datepickerRangeFC.fc .fc-day-number.fc-after-max-check-in.selected {
  color: #fff;
}

#homePageRedesign .datepickerRangeFC.fc .fc-day-number.fc-other-month {
  visibility: hidden;
}

#homePageRedesign .datepickerRangeFC.fc .fc-day-grid-container td {
  border: none;
}

#homePageRedesign .dropdown-menu {
  margin: 20px 0 20px;
}

#homePageRedesign .dropdown-menu:after,
#homePageRedesign .dropdown-menu:before {
  bottom: 100%;
  left: 10%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

#homePageRedesign .dropdown-menu:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #FFF;
  border-width: 20px;
  margin-left: -20px;
}

#homePageRedesign .dropdown-menu:before {
  border-color: rgba(161, 175, 192, 0);
  border-bottom-color: #A1AFC0;
  border-width: 21px;
  margin-left: -21px;
}

@media (max-width: 767px) {
  #homePageRedesign .dropdown-menu {
    left: 0;
    top: 100%;
    width: 100%;
    position: relative;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  #homePageRedesign .dropdown-menu:after,
  #homePageRedesign .dropdown-menu:before {
    display: none;
  }
  #homePageRedesign .fc-view-container {
    border: 1px solid #A1AFC0;
    padding: 20px;
  }
  #homePageRedesign .swiper-button-prev {
    position: absolute;
    top: 3%;
    left: 40px;
    display: block;
  }
  #homePageRedesign .swiper-button-next {
    position: absolute;
    top: 3%;
    right: 40px;
    display: block;
  }
  #homePageRedesign .swiper-slide, #homePageRedesign .swiper-wrapper {
    height: auto;
  }
}

/**
 * Disney Vacation Club Application
 *
 * (c) Disney.  All rights reserved.
 *
 * @package resources
 * @copyright (c) Disney.  All rights reserved.
 *
 * All MB2.0-related scripts
 */
/* Fonts */
/* Colors */
@font-face {
  font-family: "pepmdx2-mb";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/pep_icon_font-webfont.woff") format("woff");
}

body.mb20fixed {
  position: fixed;
}

body #lp-chat-side-icon.mb20 {
  top: 150px;
}

body.mb20p2 #lp-chat-side-icon.mb20 {
  top: 160px;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper {
  margin: 6px 0 20px;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard {
  margin: -2px 0;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList {
  padding: 0;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList::before {
  content: "";
  opacity: 0.21;
  display: block;
  border-top: 2px solid #979797;
  padding-top: 29px;
  margin-top: -6px;
  width: 100%;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList:last-child::after {
  border-bottom: 2px solid #979797;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList::after {
  border: 0;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList:first-child::before {
  border-top: 0;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-right .btn-clear {
  display: none;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured {
  position: relative;
  z-index: 3;
  border-top: 2px solid #e9e9e9;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured::before {
  border: 0;
  padding-top: 26px;
  margin-top: 0;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured::after {
  padding: 20px 0 16px;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured .storyCardMemberItem {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured .storyCardMemberItem .storyCardLink {
  display: none;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured .storyCardMemberItem .media-left {
  padding-left: 20px;
  min-width: 202px;
  width: 202px;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured .storyCardMemberItem .media-left .img-responsive {
  padding-top: 25px;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured .storyCardMemberItem .media-left .iconography {
  background: url("../images/member_benefits_icons_sprite.png") no-repeat;
  background-size: 731px 152px;
  width: 182px;
  height: 152px;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured .storyCardMemberItem .media-left .iconography.tickets-and-tours {
  background-position: 0 0;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured .storyCardMemberItem .media-left .iconography.dining {
  background-position: -548px 0;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured .storyCardMemberItem .media-left .iconography.shopping {
  background-position: -366px 0;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured .storyCardMemberItem .media-left .iconography.events-and-experiences {
  background-position: -183px 0;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured .storyCardMemberItem .media-left .iconography.tickets-and-tours + .img-responsive, body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured .storyCardMemberItem .media-left .iconography.dining + .img-responsive, body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured .storyCardMemberItem .media-left .iconography.shopping + .img-responsive, body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured .storyCardMemberItem .media-left .iconography.events-and-experiences + .img-responsive {
  display: none;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured .storyCardMemberItem .media-left .iconography.none {
  display: none;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured .storyCardMemberItem .media-body {
  padding-top: 30px;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured .storyCardMemberItem .media-right .verticalWrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  height: 152px;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured .storyCardMemberItem .media-right .verticalWrapper .offer,
body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured .storyCardMemberItem .media-right .verticalWrapper .pepMdxIcon {
  display: none;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured .storyCardMemberItem .media-right .verticalWrapper .link {
  display: block;
  position: relative;
  background: none;
  color: #607682;
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  text-align: center;
  border: 2px solid;
  border-color: #253B56;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin: auto;
  margin-right: 22px;
  padding: 9px 0;
  width: 183px;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured .storyCardMemberItem .media-right .verticalWrapper .link:hover {
  text-decoration: none;
  background-color: #253B56;
  color: #f3f8fe;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured:last-child::after {
  border: 0;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.featured-light .storyCardMemberItem .media-body .category,
body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.featured-light .storyCardMemberItem .media-body .title,
body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.featured-light .storyCardMemberItem .media-body .description {
  color: #f3f8fe;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.featured-light .storyCardMemberItem .media-body .moreDescription {
  color: #f3f8fe;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.featured-light .storyCardMemberItem .media-body .moreDescription a {
  color: #f3f8fe;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.featured-light .storyCardMemberItem .media-right .verticalWrapper .link {
  color: #f3f8fe;
  border: 2px solid #f3f8fe;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.featured-light .storyCardMemberItem .media-right .verticalWrapper .link:hover {
  background-color: #f3f8fe;
  color: #00739A;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.featured-dark .storyCardMemberItem .media-body .category,
body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.featured-dark .storyCardMemberItem .media-body .title,
body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.featured-dark .storyCardMemberItem .media-body .description {
  color: #607682;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.featured-dark .storyCardMemberItem .media-body .moreDescription {
  color: #607682;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.featured-dark .storyCardMemberItem .media-body .moreDescription a {
  color: #607682;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.featured-dark .storyCardMemberItem .media-right .verticalWrapper .link {
  color: #607682;
  border: 2px solid #253B56;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.featured-dark .storyCardMemberItem .media-right .verticalWrapper .link:hover {
  background-color: #253B56;
  color: #f3f8fe;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.featuredBg {
  border-radius: 4px;
  border: 1px solid transparent;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.featuredBg::before {
  padding-top: 26px !important;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.featuredBg::after {
  padding: 20px 0 0;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.featuredBg + .storyCardList::before {
  padding-top: 44px;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCardList .storyCardMemberItem .media-body .moreDescription .expandView > div {
  width: 40%;
}

body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCardList .storyCardMemberItem .media-body .moreDescription .expandView > div:first-child {
  width: 60%;
  padding-right: 20px;
}

body.mb20p2 #wideLayout #memberBenefits20Page .results-pagination {
  text-align: center;
  font-family: Avenir-light,Avenir,Helvetica,Arial,sans-serif;
  margin-bottom: 30px;
  font-weight: bold;
  letter-spacing: 2px;
}

body.mb20p2 #wideLayout #memberBenefits20Page .results-pagination .page-item {
  color: #253B56;
  padding: 5px;
}

body.mb20p2 #wideLayout #memberBenefits20Page .results-pagination .page-item span.fc-icon {
  font-family: pepmdx2 !important;
  font-size: 12px;
  font-weight: lighter;
  padding-bottom: 17px;
}

body.mb20p2 #wideLayout #memberBenefits20Page .results-pagination .page-item.active {
  text-decoration: underline;
}

body.mb20p2 #wideLayout #memberBenefits20Page .results-pagination .page-item.back {
  padding-right: 25px;
}

body.mb20p2 #wideLayout #memberBenefits20Page .results-pagination .page-item.next {
  padding-left: 25px;
}

@media screen and (max-width: 375px) {
  body.mb20p2 #wideLayout #memberBenefits20Page .results-pagination {
    margin-bottom: 20px;
    letter-spacing: 1px;
  }
  body.mb20p2 #wideLayout #memberBenefits20Page .results-pagination .page-item {
    padding: 4px;
  }
  body.mb20p2 #wideLayout #memberBenefits20Page .results-pagination .page-item.back {
    padding-right: 10px;
  }
  body.mb20p2 #wideLayout #memberBenefits20Page .results-pagination .page-item.next {
    padding-left: 10px;
  }
}

@media screen and (max-width: 320px) {
  body.mb20p2 #wideLayout #memberBenefits20Page .results-pagination {
    font-size: 11px;
    letter-spacing: 0.05em;
  }
  body.mb20p2 #wideLayout #memberBenefits20Page .results-pagination .page-item span.fc-icon {
    font-size: 11px;
    padding-bottom: 12px;
  }
  body.mb20p2 #wideLayout #memberBenefits20Page .results-pagination .page-item.back {
    padding-right: 7px;
  }
  body.mb20p2 #wideLayout #memberBenefits20Page .results-pagination .page-item.next {
    padding-left: 7px;
  }
}

@media screen and (max-width: 240px) {
  body.mb20p2 #wideLayout #memberBenefits20Page .results-pagination .page-item {
    padding: 1px;
  }
  body.mb20p2 #wideLayout #memberBenefits20Page .results-pagination .page-item.back {
    padding-right: 7px;
  }
  body.mb20p2 #wideLayout #memberBenefits20Page .results-pagination .page-item.next {
    padding-left: 7px;
  }
}

#wideLayout {
  max-width: 1240px;
}

#wideLayout .dvcss-pepmdxicon,
#wideLayout i.dvcss-pepmdxicon {
  top: 0;
  font-family: pepmdx2-mb !important;
}

#wideLayout fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

#wideLayout #partialLandingMarketing {
  overflow: initial;
}

#wideLayout #memberBenefits20Page {
  /* selected filter */
}

#wideLayout #memberBenefits20Page .btn-learnmore {
  color: #607682;
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  border: 2px solid #607682;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  padding: 5px 0;
  margin: 0 0 9px;
  width: 183px;
}

#wideLayout #memberBenefits20Page .selectField {
  float: left;
  margin-bottom: 19px;
}

#wideLayout #memberBenefits20Page .selectField .selectFieldLabel {
  display: block;
  float: left;
  font-size: 16px;
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  line-height: 24px;
}

#wideLayout #memberBenefits20Page .selectField .selectBox {
  float: left;
  position: relative;
  margin: 0 0 0 10px;
  width: 140px;
}

#wideLayout #memberBenefits20Page .selectField .selectBox select {
  display: none;
}

#wideLayout #memberBenefits20Page .selectField .selectBox .selectBoxToggle {
  color: #607682;
  font-size: 16px;
  line-height: 24px;
  padding-bottom: 6px;
  border-bottom: 2px solid #D0D7DE;
  min-height: 32px;
  cursor: pointer;
}

#wideLayout #memberBenefits20Page .selectField .selectBox .selectBoxToggle .selected {
  float: left;
  margin-left: 3px;
}

#wideLayout #memberBenefits20Page .selectField .selectBox .selectBoxToggle .optionsPulldown {
  float: right;
}

#wideLayout #memberBenefits20Page .selectField .selectBox .selectBoxToggle .optionsPulldown .icon__norgie-opened {
  color: #A1AFC0;
}

#wideLayout #memberBenefits20Page .selectField .selectBox .selectBoxToggle:focus {
  color: #00739A;
  border-bottom: 2px solid #00739A;
}

#wideLayout #memberBenefits20Page .selectField .selectBox .selectBoxToggle:focus .dvcss-pepmdxicon {
  color: #00739A;
}

#wideLayout #memberBenefits20Page .selectField .selectBox .selectBoxToggle:hover {
  color: #00739A;
  border-bottom: 2px solid #00739A;
}

#wideLayout #memberBenefits20Page .selectField .selectBox .selectBoxToggle:hover .dvcss-pepmdxicon {
  color: #00739A;
}

#wideLayout #memberBenefits20Page .selectField .selectBox .optionsWrapper {
  position: absolute;
  display: none;
  z-index: 4;
  width: 140px;
}

#wideLayout #memberBenefits20Page .selectField .selectBox .optionsWrapper .optionBox {
  background: #FFFFFF;
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  list-style: none;
  border-top: 2px solid #253B56;
  border-left: 1px solid #D0D7DE;
  border-right: 1px solid #D0D7DE;
  border-bottom: 1px solid #D0D7DE;
  margin: -2px 0 0;
  cursor: pointer;
}

#wideLayout #memberBenefits20Page .selectField .selectBox .optionsWrapper .optionBox .option.selected {
  background: #607682;
}

#wideLayout #memberBenefits20Page .selectField .selectBox .optionsWrapper .optionBox .option.selected .selectOption .labelItem {
  color: #FFFFFF;
}

#wideLayout #memberBenefits20Page .selectField .selectBox .optionsWrapper .optionBox .option .selectOption {
  border: 0;
  display: block;
  min-height: 40px;
  padding: 9px 10px;
  width: 100%;
}

#wideLayout #memberBenefits20Page .selectField .selectBox .optionsWrapper .optionBox .option .selectOption .labelItem {
  color: #607682;
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 20px;
}

#wideLayout #memberBenefits20Page .selectField .selectBox .optionsWrapper .optionBox .option .selectOption .labelContainer {
  display: table-cell;
  vertical-align: middle;
}

#wideLayout #memberBenefits20Page .selectField .selectBox .optionsWrapper .optionBox .option .selectRadio {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
}

#wideLayout #memberBenefits20Page .selectField .selectBox .optionsWrapper .optionBox .option:focus .selectOption, #wideLayout #memberBenefits20Page .selectField .selectBox .optionsWrapper .optionBox .option:hover .selectOption {
  background: #00739A;
}

#wideLayout #memberBenefits20Page .selectField .selectBox .optionsWrapper .optionBox .option:focus .selectOption .labelItem, #wideLayout #memberBenefits20Page .selectField .selectBox .optionsWrapper .optionBox .option:hover .selectOption .labelItem {
  color: #FFFFFF;
}

#wideLayout #memberBenefits20Page .selectField:focus .selectBox .selectBoxToggle {
  color: #00739A;
  border-bottom: 2px solid #00739A;
}

#wideLayout #memberBenefits20Page .selectField:focus .selectBox .selectBoxToggle .dvcss-pepmdxicon {
  color: #00739A;
}

#wideLayout #memberBenefits20Page .resultStatus #resultsCounter p {
  font-size: 16px;
  line-height: 24px;
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  color: #130026;
  margin-bottom: 0;
  text-align: right;
}

#wideLayout #memberBenefits20Page .resultStatus #resultsCounter p strong {
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  color: #607682;
}

#wideLayout #memberBenefits20Page .resultStatus #resultsCounter .disclaimerText {
  padding: 0;
}

#wideLayout #memberBenefits20Page .storyCardWrapper {
  margin-bottom: 54px;
}

#wideLayout #memberBenefits20Page .storyCardWrapper::before {
  content: "";
  opacity: 0.21;
  display: block;
  border-top: 2px solid #979797;
  width: 100%;
}

#wideLayout #memberBenefits20Page .storyCardWrapper::after {
  content: "";
  opacity: 0.21;
  display: block;
  border-top: 2px solid #979797;
  width: 100%;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard {
  list-style: none;
  margin: 0;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList {
  padding: 32px 0 0;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList::after {
  content: "";
  opacity: 0.21;
  display: block;
  border-bottom: 2px solid #979797;
  padding: 29px 0 6px;
  width: 100%;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem {
  position: relative;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem > a, #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem > div:first-child {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 2;
  text-decoration: none;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem > a:focus {
  outline: #000000 dotted 1px;
  outline-offset: 5px;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem > a + .media .verticalWrapper .offer,
#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem > a + .media .verticalWrapper .pepMdxIcon {
  vertical-align: middle;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem > a + .media .verticalWrapper .offer {
  width: 95px;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem > div:first-child:focus {
  outline: 1px dotted;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-left {
  flex-grow: 0;
  min-width: 200px;
  width: 200px;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-left img {
  width: 100%;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-left img.lazy {
  width: 50%;
  height: auto;
  margin: auto;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-body {
  float: left;
  text-align: left;
  padding-top: 5px;
  flex-grow: 8;
  flex-shrink: 5;
  max-width: 750px;
  min-width: 360px;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-body .category,
#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-body .description {
  color: #607682;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-body .category {
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 10px;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-body .category > span {
  display: inline-block;
  white-space: nowrap;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-body .category > span .pepMdxIcon,
#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-body .category > span span {
  display: inline-block;
  vertical-align: top;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-body .category > span span {
  font-size: 12px;
  line-height: 16px;
  padding-top: 2px;
  margin-right: 15px;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-body .title {
  color: #607682;
  font-family: "Avenir-light", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 24px;
  line-height: 32px;
  margin: 0 0 8px;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-body .description {
  color: #607682;
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-body .moreDescription {
  margin-top: 9px;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-body .moreDescription .expandView {
  margin-top: 14px;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-body .moreDescription .expandView p {
  margin-bottom: 11px;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-body .moreDescription .expandView > div {
  float: left;
  width: 50%;
  padding-right: 0;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-body .moreDescription .expandView a {
  z-index: 3;
  position: relative;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-body .moreDescription .cardActionLink {
  color: #00739A;
  cursor: pointer;
  font-weight: bold;
  display: table;
  clear: both;
  z-index: 3;
  position: relative;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-body .moreDescription .cardActionLink:hover, #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-body .moreDescription .cardActionLink:focus {
  text-decoration: underline;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-right {
  width: 210px;
  min-width: 120px;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-right .verticalWrapper {
  display: table;
  float: right;
  height: 112px;
  width: auto;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-right .verticalWrapper .link {
  display: none;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-right .offer,
#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-right .pepMdxIcon {
  display: table-cell;
  vertical-align: middle;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-right .pepMdxIcon {
  font-size: 25px;
  line-height: 25px;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-right .offer {
  width: 127px;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-right .offer p {
  text-align: left;
  margin: 0;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-right .offer .text {
  margin: 0 0 14px;
  font-size: 18px;
  font-family: "Avenir-light", "Avenir", "Helvetica", "Arial", sans-serif;
  line-height: 20px;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-right .offer .discount {
  color: #607682;
  font-family: "Avenir-medium", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 36px;
  line-height: 32px;
  text-align: right;
  width: 40px;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-right .offer .inclusion {
  color: #607682;
  font-family: "Avenir-light", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 20px;
  margin-top: 8px;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .storyCardLink:hover + .media .media-body .category,
#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .storyCardLink:hover + .media .media-body .title,
#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .storyCardLink:hover + .media .media-body .description {
  color: #00739A;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .storyCardLink:hover + .media .media-right .text,
#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .storyCardLink:hover + .media .media-right .discount,
#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .storyCardLink:hover + .media .media-right .inclusion,
#wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .storyCardLink:hover + .media .media-right .pepMdxIcon {
  color: #00739A;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .resultsEmpty {
  display: none;
  padding: 34px 0;
  text-align: center;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .resultsEmpty p {
  color: #607682;
  font-family: "Avenir-light", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  line-height: 28px;
  margin: 0;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .resultsEmpty a {
  color: #00739A;
  text-decoration: none;
  font-family: "Avenir-medium", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 24px;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .resultsEmpty a:hover, #wideLayout #memberBenefits20Page .storyCardWrapper .resultsEmpty a:focus {
  text-decoration: underline;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .resultsLoading {
  text-align: center;
}

#wideLayout #memberBenefits20Page .storyCardWrapper .resultsLoading img {
  margin: 59px 0;
}

#wideLayout #memberBenefits20Page .disclaimer {
  text-align: left;
  padding: 0 20px;
}

#wideLayout #memberBenefits20Page .disclaimer p {
  margin: 0;
}

#wideLayout #memberBenefits20Page .disclaimer:focus {
  outline: 1px dotted;
}

#wideLayout #memberBenefits20Page .dvicBanner {
  max-width: 1200px;
  /*padding: 85px 20px 45px;*/
}

#wideLayout #memberBenefits20Page .dvicBanner .innerContentStageBanner {
  padding: 0;
  margin: 0;
  box-shadow: none;
  background-color: #FFFFFF;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

#wideLayout #memberBenefits20Page .dvicBanner .innerContentStageBanner img {
  background-color: #FFFFFF;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

#wideLayout #memberBenefits20Page .contentPageTitle {
  font-size: 36px;
  line-height: 48px;
  text-align: left;
  float: left;
  margin: 8px 0 0;
}

#wideLayout #memberBenefits20Page .viewMembershipContainer {
  display: none;
}

#wideLayout #memberBenefits20Page .featureFilterCardsContainer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: center;
  align-content: center;
  margin: 0 -10px 48px;
}

#wideLayout #memberBenefits20Page .featureFilterCardsContainer .filterCardItem {
  margin: 0 10px;
  border: 2px solid rgba(198, 226, 236, 0.5);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-flex: 1 1;
  -moz-box-flex: 1 1;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
  min-height: 99px;
  text-decoration: none;
  text-align: center;
}

#wideLayout #memberBenefits20Page .featureFilterCardsContainer .filterCardItem.checked,
#wideLayout #memberBenefits20Page .featureFilterCardsContainer .filterCardItem.checked .dvcss-pepmdxicon,
#wideLayout #memberBenefits20Page .featureFilterCardsContainer .filterCardItem.checked .filterCardLabel {
  background: #607682;
  color: #FFFFFF;
  border-color: #607682;
}

#wideLayout #memberBenefits20Page .featureFilterCardsContainer .filterCardItem:focus .filterCardLabel, #wideLayout #memberBenefits20Page .featureFilterCardsContainer .filterCardItem:hover .filterCardLabel {
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
}

#wideLayout #memberBenefits20Page .featureFilterCardsContainer .dvcss-pepmdxicon {
  font-size: 30px;
  line-height: 30px;
  margin: 17px 0 15px;
}

#wideLayout #memberBenefits20Page .featureFilterCardsContainer .filterCardLabel {
  display: block;
  text-align: center;
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #00739A;
}

#wideLayout #memberBenefits20Page .featureFilterCardsContainer .dvcss-pepmdxicon {
  color: #00739A;
}

#wideLayout #memberBenefits20Page .featureFilterCategoryContainer {
  border-top: 1px solid rgba(151, 151, 151, 0.27);
  border-bottom: 1px solid rgba(151, 151, 151, 0.27);
  padding: 38px 0;
  margin-bottom: 50px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

#wideLayout #memberBenefits20Page .featureFilterCategoryContainer .featureFilterCategoryItem {
  -webkit-box-flex: 1 1;
  -moz-box-flex: 1 1;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
  border-right: 2px solid #D0D7DE;
  width: 100%;
}

#wideLayout #memberBenefits20Page .featureFilterCategoryContainer .featureFilterCategoryItem:nth-child(1) {
  max-width: 257px;
}

#wideLayout #memberBenefits20Page .featureFilterCategoryContainer .featureFilterCategoryItem:nth-child(2) {
  max-width: 326px;
}

#wideLayout #memberBenefits20Page .featureFilterCategoryContainer .featureFilterCategoryItem:nth-child(2) .featureFilterCategoryItemTitle {
  margin: 0 auto 15px;
  max-width: 186px;
}

#wideLayout #memberBenefits20Page .featureFilterCategoryContainer .featureFilterCategoryItem:nth-child(2) .featureFilterCategoryListItem {
  margin: 0 auto;
  max-width: 186px;
}

#wideLayout #memberBenefits20Page .featureFilterCategoryContainer .featureFilterCategoryItem:last-of-type {
  border-right: 0;
  padding-left: 20px;
}

#wideLayout #memberBenefits20Page .featureFilterCategoryContainer .featureFilterCategoryItem:last-of-type .featureFilterCategoryItemTitle {
  max-width: 520px;
  margin: 0 auto 15px;
}

#wideLayout #memberBenefits20Page .featureFilterCategoryContainer .featureFilterCategoryItem:last-of-type .featureFilterCategoryListItem {
  margin: 0 auto;
  max-width: 520px;
  -webkit-column-width: 250px;
  -moz-column-width: 250px;
  column-width: 250px;
}

#wideLayout #memberBenefits20Page .featureFilterCategoryContainer .btnModalClose {
  display: none;
}

#wideLayout #memberBenefits20Page .featureFilterCategoryItemTitle {
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  line-height: 28px;
  text-align: left;
  margin-bottom: 15px;
  color: #607682;
}

#wideLayout #memberBenefits20Page .featureFilterCategoryContainer .col-xs-3 {
  border-right: 1px solid #D0D7DE;
}

#wideLayout #memberBenefits20Page .featureFilterCategoryContainer .col-xs-3:last-child {
  border-right: none;
}

#wideLayout #memberBenefits20Page .filterCardItem {
  position: relative;
  cursor: pointer;
}

#wideLayout #memberBenefits20Page .filterCardItem .itemSelectedArrow {
  display: none;
}

#wideLayout #memberBenefits20Page .filterCardItem.checked .itemSelectedArrow {
  display: block;
  top: inherit;
  left: calc(50% - 50px);
  bottom: -30px;
  width: 49px;
  position: absolute;
}

#wideLayout #memberBenefits20Page .filterCardItem.checked .itemSelectedArrow:before {
  content: " ";
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-bottom: 20px solid rgba(151, 151, 151, 0.27);
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

#wideLayout #memberBenefits20Page .filterCardItem.checked .itemSelectedArrow:after {
  content: " ";
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-bottom: 20px solid #FFFFFF;
  height: 0;
  width: 0;
  top: 1px;
  position: absolute;
  pointer-events: none;
}

#wideLayout #memberBenefits20Page .featureFilterCategoryItem {
  min-height: 193px;
}

#wideLayout #memberBenefits20Page .featureFilterCategoryItemLabel {
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 24px;
}

#wideLayout #memberBenefits20Page .featureFilterCategoryListItem {
  list-style: none;
  text-align: left;
}

#wideLayout #memberBenefits20Page .featureFilterCategoryListItem .filterItem {
  margin-bottom: 7px;
}

#wideLayout #memberBenefits20Page .selectedFilterList {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-bottom: 8px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -20px;
}

#wideLayout #memberBenefits20Page .selectedFilterItem .link {
  padding: 7px 18px;
  margin: 0 7.5px 15px;
  text-decoration: none;
  -webkit-border-radius: 36px;
  -moz-border-radius: 36px;
  -ms-border-radius: 36px;
  border-radius: 36px;
  background: #EBF6FC;
  font-size: 14px;
  line-height: 20px;
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  display: block;
  color: #607682;
}

#wideLayout #memberBenefits20Page .selectedFilterItem .link:focus, #wideLayout #memberBenefits20Page .selectedFilterItem .link:hover {
  background: #00739A;
  color: #FFFFFF;
}

#wideLayout #memberBenefits20Page .selectedFilterItem .link:focus .lblFilterBubble .dvcss-pepmdxicon, #wideLayout #memberBenefits20Page .selectedFilterItem .link:hover .lblFilterBubble .dvcss-pepmdxicon {
  color: #FFFFFF;
}

#wideLayout #memberBenefits20Page .selectedFilterItem .link .lblFilterBubble {
  font-size: 14px;
}

#wideLayout #memberBenefits20Page .selectedFilterItem .link .lblFilterBubble .dvcss-pepmdxicon {
  font-size: 10px;
  color: #607682;
}

#wideLayout #memberBenefits20Page .clearButton {
  padding: 7px 8px;
}

#wideLayout #memberBenefits20Page .clearButton .link {
  white-space: nowrap;
}

#wideLayout #memberBenefits20Page .clearButton.bottom {
  display: none;
}

#wideLayout #memberBenefits20Page .locationFilterDropdownContainer {
  float: right;
  min-width: 265px;
  margin-top: 19px;
  margin-bottom: 30px;
}

#wideLayout #memberBenefits20Page .locationFilterDropdownContainer .dropdown {
  float: right;
  width: 100%;
}

#wideLayout #memberBenefits20Page .locationFilterDropdownContainer .dropdown .link {
  display: block;
  text-align: center;
}

#wideLayout #memberBenefits20Page .locationFilterDropdownContainer .dropdown .btn {
  display: none;
}

#wideLayout #memberBenefits20Page .locationFilterDropdownContainer .dvcss-pepmdxicon {
  font-size: 16px;
  line-height: 16px;
  margin-top: 7px;
}

#wideLayout #memberBenefits20Page .locationFilterDropdownContainer .dropdownLabel {
  font-size: 20px;
  line-height: 28px;
  text-overflow: ellipsis;
  width: 194px;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  margin-left: -25px;
}

#wideLayout #memberBenefits20Page .locationFilterDropdownContainer .dropdown-menu {
  padding: 5px 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 2px solid #D0D7DE;
  border-top: 2px solid #253B56;
  margin-top: -2px;
  width: 100%;
}

#wideLayout #memberBenefits20Page .locationFilterDropdownContainer .dropdown-menu li.border-bottom {
  border-bottom: 1px solid #D0D7DE;
}

#wideLayout #memberBenefits20Page .locationFilterDropdownContainer .icon__location-pin {
  float: left;
  font-family: pepmdx3 !important;
}

#wideLayout #memberBenefits20Page .locationFilterDropdownContainer .icon__norgie-opened {
  float: right;
  color: #A1AFC0;
  font-size: 16px;
  margin-top: 10px;
}

#wideLayout #memberBenefits20Page .locationFilterDropdownContainer .link {
  text-decoration: none;
  border-bottom: 2px solid #D0D7DE;
  padding: 0 0 9px;
}

#wideLayout #memberBenefits20Page .locationFilterDropdownContainer .link .dropdownLabel {
  color: #607682;
}

#wideLayout #memberBenefits20Page .locationFilterDropdownContainer .link:focus, #wideLayout #memberBenefits20Page .locationFilterDropdownContainer .link:hover {
  text-decoration: none;
  border-bottom: 2px solid #00739A;
}

#wideLayout #memberBenefits20Page .locationFilterDropdownContainer .link:focus .dropdownLabel,
#wideLayout #memberBenefits20Page .locationFilterDropdownContainer .link:focus .icon__norgie-opened, #wideLayout #memberBenefits20Page .locationFilterDropdownContainer .link:hover .dropdownLabel,
#wideLayout #memberBenefits20Page .locationFilterDropdownContainer .link:hover .icon__norgie-opened {
  color: #00739A;
}

#wideLayout #memberBenefits20Page .locationFilterDropdownContainer .dropdown.open .icon__location-pin,
#wideLayout #memberBenefits20Page .locationFilterDropdownContainer .dropdown.open .icon__norgie-opened {
  color: #607682;
}

#wideLayout #memberBenefits20Page .selectionGroup {
  padding: 10px;
}

#wideLayout #memberBenefits20Page .selectionGroup .selectionGroupTitle {
  font-family: Avenir-Heavy;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 9px;
}

#wideLayout #memberBenefits20Page .selectionGroup .btnSelectAll {
  font-family: Avenir-Roman;
  font-size: 16px;
  line-height: 24px;
  color: #00739A;
  margin-bottom: 9px;
  display: inline-block;
}

#wideLayout #memberBenefits20Page .selectionGroup .selectionLocationItem {
  margin-bottom: 8px;
}

#wideLayout #memberBenefits20Page .checkboxWrapper {
  position: relative;
  display: inline-block;
}

#wideLayout #memberBenefits20Page .checkboxWrapper:hover input[type=checkbox].inputCheckbox + .icon__checkbox:before {
  border: 2px solid #58831B;
}

#wideLayout #memberBenefits20Page .checkboxWrapper input[type=checkbox].inputCheckbox + .icon__checkbox {
  position: relative;
  top: -13px;
}

#wideLayout #memberBenefits20Page .checkboxWrapper .checkbox {
  display: table-cell;
  cursor: pointer;
  padding-left: 12px;
  font-size: 16px;
  line-height: 25px;
  font-family: Avenir-Roman;
}

#wideLayout #memberBenefits20Page .checkboxWrapper .checkbox > span {
  padding-left: 0px;
}

#wideLayout #memberBenefits20Page .checkboxWrapper .checkbox > span:before {
  content: none;
}

#wideLayout #memberBenefits20Page .checkboxWrapper .btnCheckbox {
  position: relative;
  display: table-cell;
  min-width: 20px;
  vertical-align: top;
}

#wideLayout #memberBenefits20Page input[type="checkbox"].inputCheckbox {
  position: absolute;
  height: 20px;
  width: 20px;
  margin: 0;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
}

#wideLayout #memberBenefits20Page input[type="checkbox"].inputCheckbox + .icon__checkbox {
  position: relative;
  top: -16px;
}

#wideLayout #memberBenefits20Page input[type="checkbox"].inputCheckbox + .icon__checkbox:before {
  content: "";
  background: #FFFFFF;
  border: 2px solid #A1AFC0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#wideLayout #memberBenefits20Page input[type="checkbox"].inputCheckbox + .icon__checkbox:after {
  color: #FFFFFF;
  content: "\e241";
  font-size: 15px;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 3px;
  left: 1px;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.2s;
  transform: scale(0);
}

#wideLayout #memberBenefits20Page input[type="checkbox"].inputCheckbox:checked + .icon__checkbox:before {
  background: #61941B;
  border: 2px solid #61941B;
}

#wideLayout #memberBenefits20Page input[type="checkbox"].inputCheckbox:checked + .icon__checkbox:after {
  opacity: 1;
  transform: scale(1);
}

#wideLayout #memberBenefits20Page input[type="checkbox"].inputCheckbox:focus + .dvcss-pepmdxicon:before {
  border: 2px solid #61941B;
}

#wideLayout #memberBenefits20Page .viewMembershipContainer {
  display: none;
}

#wideLayout #memberBenefits20Page .viewMembershipModalContent {
  display: none;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured .storyCardMemberItem .media-right .verticalWrapper .link {
    width: 120px;
    top: 10px;
    left: 15px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured .storyCardMemberItem .media-right .verticalWrapper .link {
    width: 120px;
    top: 10px;
    left: 15px;
  }
}

@media only screen and (max-width: 767px) {
  #wideLayout #memberBenefits20Page .modal[data-modal="filterLocation"] .modal-body {
    padding: 0 20px 30px;
  }
  #wideLayout #memberBenefits20Page .modal[data-modal="filterLocation"] .modal-body .selectionGroup {
    padding: 10px 0 0;
  }
  #wideLayout #memberBenefits20Page .modal[data-modal="filterLocation"] .modal-body .selectionGroup .selectionGroupTitle {
    padding-top: 13px;
    margin-bottom: 4px;
  }
  #wideLayout #memberBenefits20Page .modal[data-modal="filterLocation"] .modal-body .dropdown-menu .border-bottom .selectionGroup {
    padding-bottom: 21px;
  }
  #wideLayout #memberBenefits20Page .modal[data-modal="filterTray"] .modal-body {
    padding: 25px 20px 20px;
  }
  #wideLayout #memberBenefits20Page .modal[data-modal="filterTray"] .modal-body .featureFilterCategoryItemTitle {
    margin-bottom: 10px;
  }
  #wideLayout #memberBenefits20Page .modal[data-modal="filterTray"] .modal-body .featureFilterCategoryItem {
    margin-bottom: 10px;
  }
  #wideLayout #memberBenefits20Page .modal[data-modal="viewMembershipCard"] .modal-body {
    padding: 28px 12px;
    min-height: 500px;
  }
  #wideLayout #memberBenefits20Page .modal[data-modal="viewMembershipCard"] .modal-body .membershipCardSelectionContainer {
    display: table;
    margin: 0 8px 10px;
  }
  #wideLayout #memberBenefits20Page .modal[data-modal="viewMembershipCard"] .modal-body .membershipCardDetails {
    position: relative;
  }
  #wideLayout #memberBenefits20Page .modal[data-modal="viewMembershipCard"] .modal-body .membershipCardDetails .cardImgWrapper > img {
    width: 100%;
  }
  #wideLayout #memberBenefits20Page .modal[data-modal="viewMembershipCard"] .modal-body .membershipCardDetails .cardImgWrapper.limitedAccountImage > img {
    width: auto;
    margin: 0 auto;
  }
  #wideLayout #memberBenefits20Page .modal[data-modal="viewMembershipCard"] .modal-body .membershipCardDetails .cardLimitedAccountDetailContainer {
    position: absolute;
    top: 290px;
    width: 100%;
  }
  #wideLayout #memberBenefits20Page .modal[data-modal="viewMembershipCard"] .modal-body .membershipCardDetails .cardLimitedAccountDetailContainer .cardLimitedAccountDetail {
    max-width: 350px;
    margin: 0 auto;
    padding: 0 30px;
  }
  #wideLayout #memberBenefits20Page .modal[data-modal="viewMembershipCard"] .modal-body .membershipCardDetails .cardLimitedAccountDetailContainer .cardLimitedAccountDetail ul {
    padding-left: 20px;
  }
  #wideLayout #memberBenefits20Page .modal[data-modal="viewMembershipCard"] .modal-body .membershipCardDetails .cardPreloader {
    display: none;
    position: inherit;
  }
  #wideLayout #memberBenefits20Page .modal[data-modal="viewMembershipCard"] .modal-body .membershipCardDetails .cardPreloader img {
    left: calc(50% - 50px);
  }
  #wideLayout #memberBenefits20Page .modal[data-modal="viewMembershipCard"] .selectField {
    width: 240px;
  }
  #wideLayout #memberBenefits20Page .modal[data-modal="viewMembershipCard"] .selectFieldLabel {
    color: #607682;
    font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
    font-size: 12px;
    line-height: 16px;
  }
  #wideLayout #memberBenefits20Page .modal[data-modal="viewMembershipCard"] .selectBox {
    display: block;
    float: none;
    margin: 18px 0 0 0;
    width: 240px;
  }
  #wideLayout #memberBenefits20Page .modal[data-modal="viewMembershipCard"] .selectBox .optionsWrapper {
    width: 100%;
  }
  #wideLayout #memberBenefits20Page .modal[data-modal="viewMembershipCard"] .selectBoxToggle .selected {
    font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    color: #607682;
    line-height: 24px;
  }
  #wideLayout #memberBenefits20Page .storyCardWrapper::before {
    border-bottom: 10px solid #979797;
  }
  #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media {
    padding: 0 20px;
  }
  #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-left {
    display: none;
  }
  #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-body {
    min-width: auto;
  }
  #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-body .category > span ~ span {
    display: none;
  }
  #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-body .title {
    font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
    color: #00739A;
    font-size: 18px;
    line-height: 24px;
  }
  #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-body .description {
    font-size: 14px;
    line-height: 20px;
  }
  #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-body .moreDescription .expandView > div {
    width: 100%;
    float: none;
    padding-right: 0;
  }
  #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-right {
    flex-grow: 1;
    width: 95px;
    min-width: 95px;
  }
  #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-right .offer {
    width: 86px;
    max-width: 86px;
  }
  #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-right .offer .text {
    color: #607682;
    font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    margin-bottom: 2px;
  }
  #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-right .offer .discount {
    font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
    line-height: 48px;
    margin-left: -3px;
  }
  #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList .storyCardMemberItem .media-right .pepMdxIcon {
    display: none;
  }
  #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList::after {
    border-bottom: 10px solid #979797;
  }
  #wideLayout #memberBenefits20Page .storyCardWrapper .resultsEmpty {
    max-width: 260px;
    margin: 0 auto;
  }
  #wideLayout #memberBenefits20Page .storyCardWrapper .resultsEmpty a {
    font-size: 14px;
    line-height: 20px;
  }
  #wideLayout #memberBenefits20Page .storyCardWrapper::after {
    border-top: 0;
    border-bottom: 10px solid #979797;
    margin-top: -10px;
  }
  #wideLayout #memberBenefits20Page .modal {
    overflow: auto;
  }
  #wideLayout #memberBenefits20Page .modal .modal-dialog {
    margin: 0;
    width: 100%;
    height: 100%;
  }
  #wideLayout #memberBenefits20Page .modal .modal-dialog .modal-content {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    height: auto;
    min-height: 100%;
  }
  #wideLayout #memberBenefits20Page .modal .modal-dialog .modal-content .modal-header .dvcss-pepmdxicon {
    float: left;
    font-size: 25px;
    line-height: 25px;
  }
  #wideLayout #memberBenefits20Page .modal .modal-dialog .modal-content .modal-header .modal-title {
    font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    width: 100%;
  }
  #wideLayout #memberBenefits20Page .modal .modal-dialog .modal-content .modal-body .featureFilterCategoryItem {
    min-height: auto;
    width: 100%;
  }
  #wideLayout #memberBenefits20Page .modal .modal-dialog .modal-content .modal-body .btn {
    color: #FFFFFF;
    background: #00739A;
    width: 100%;
  }
  #wideLayout #memberBenefits20Page .modal .modal-dialog .modal-content .modal-body .btn.btnModalClose {
    display: block;
    text-decoration: none;
  }
  #wideLayout #memberBenefits20Page .modal .modal-dialog .modal-content .modal-body .link {
    display: none;
  }
  #wideLayout #memberBenefits20Page .modal .modal-dialog .modal-content .modal-body .dropdown-menu {
    position: relative;
    display: block;
    float: none;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 19px;
  }
  #wideLayout #memberBenefits20Page .modal .modal-dialog .modal-content .modal-body .dropdown-menu .border-bottom .selectionGroup {
    border-bottom: 1px solid #D0D7DE;
    padding-bottom: 24px;
  }
  #wideLayout #memberBenefits20Page .featureFilterCategoryItemTitle {
    font-size: 18px;
    line-height: 24px;
  }
  #wideLayout #memberBenefits20Page .innerContentStageMobileBanner {
    padding: 0 !important;
  }
  #wideLayout #memberBenefits20Page .innerContentStageMobileBanner a.dvicBanner:focus {
    outline: 2px dotted !important;
  }
  #wideLayout #memberBenefits20Page .contentPageTitle {
    font-family: "Avenir-light", "Avenir", "Helvetica", "Arial", sans-serif;
    font-size: 28px;
    line-height: 38px;
    width: 100%;
    padding: 0 20px;
    margin-bottom: 7px;
  }
  #wideLayout #memberBenefits20Page .viewMembershipContainer {
    display: block;
    padding: 0 20px;
  }
  #wideLayout #memberBenefits20Page .viewMembershipContainer .link {
    color: #00739A;
    font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 20px;
  }
  #wideLayout #memberBenefits20Page .locationFilterDropdownContainer {
    width: 100%;
    padding: 0 20px;
    margin-bottom: 15px;
    display: table;
  }
  #wideLayout #memberBenefits20Page .locationFilterDropdownContainer .icon__location-pin {
    float: none;
  }
  #wideLayout #memberBenefits20Page .locationFilterDropdownContainer .dropdown {
    border: 1px solid #E2F0F5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    display: table-cell;
    vertical-align: middle;
    float: none;
  }
  #wideLayout #memberBenefits20Page .locationFilterDropdownContainer .link {
    padding: 0;
    border-bottom: 0;
    padding: 7px 0;
  }
  #wideLayout #memberBenefits20Page .locationFilterDropdownContainer .link:hover, #wideLayout #memberBenefits20Page .locationFilterDropdownContainer .link:focus {
    border-bottom: 0;
  }
  #wideLayout #memberBenefits20Page .locationFilterDropdownContainer .link .dropdownLabel {
    margin-left: 7px;
    display: inline;
    font-size: 14px;
  }
  #wideLayout #memberBenefits20Page .memberBenefitsFilterContainer {
    padding: 0 20px;
  }
  #wideLayout #memberBenefits20Page .memberBenefitsFilterContainer .filterCardItem {
    height: 80px;
    min-height: auto;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    margin: 0 4px;
    -webkit-box-flex: 1 0 0;
    -moz-box-flex: 1 0 0;
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0;
    flex: 1 0 0;
    min-width: 20%;
    position: relative;
    height: 80px;
  }
  #wideLayout #memberBenefits20Page .memberBenefitsFilterContainer .filterCardItem .filterCardItemCont {
    vertical-align: middle;
    display: table;
    height: 76px;
    text-align: center;
    width: 100%;
    padding: 0 2px;
  }
  #wideLayout #memberBenefits20Page .memberBenefitsFilterContainer .filterCardItem .filterCardItemCont .filterInnerContainer {
    display: table-cell;
    vertical-align: middle;
  }
  #wideLayout #memberBenefits20Page .memberBenefitsFilterContainer .filterCardItem.filterCardAllItem {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
  }
  #wideLayout #memberBenefits20Page .memberBenefitsFilterContainer .filterCardItem.filterCardAllItem .dvcss-pepmdxicon {
    margin: 5px 13px 5px 0;
  }
  #wideLayout #memberBenefits20Page .memberBenefitsFilterContainer .filterCardItem.filterCardAllItem.checked,
  #wideLayout #memberBenefits20Page .memberBenefitsFilterContainer .filterCardItem.filterCardAllItem.checked .dvcss-pepmdxicon,
  #wideLayout #memberBenefits20Page .memberBenefitsFilterContainer .filterCardItem.filterCardAllItem.checked .filterCardLabel {
    background: #FFFFFF;
    color: #00739A;
  }
  #wideLayout #memberBenefits20Page .memberBenefitsFilterContainer .filterCardItem.filterCardAllItem .filterCardLabel {
    font-size: 14px;
  }
  #wideLayout #memberBenefits20Page .memberBenefitsFilterContainer .filterCardItem .dvcss-pepmdxicon {
    font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 5px;
  }
  #wideLayout #memberBenefits20Page .memberBenefitsFilterContainer .filterCardItem .filterCardLabel {
    font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
    font-size: 12px;
    line-height: 16px;
  }
  #wideLayout #memberBenefits20Page .memberBenefitsFilterContainer .filterCardItem:last-child {
    width: 100%;
    margin-top: 15px;
    height: 44px;
  }
  #wideLayout #memberBenefits20Page .memberBenefitsFilterContainer .filterCardItem:last-child .filterCardItemCont {
    display: inline-block;
    height: auto;
  }
  #wideLayout #memberBenefits20Page .memberBenefitsFilterContainer .filterCardItem:last-child .filterCardItemCont .filterInnerContainer {
    display: block;
    width: 100%;
  }
  #wideLayout #memberBenefits20Page .memberBenefitsFilterContainer .filterCardItem:last-child .filterCardLabel {
    display: inline-block;
    vertical-align: top;
    margin-top: 14px;
  }
  #wideLayout #memberBenefits20Page .memberBenefitsFilterContainer .filterCardItemCont {
    vertical-align: middle;
    display: table-cell;
  }
  #wideLayout #memberBenefits20Page .featureFilterCardsContainer {
    margin: 0 -4px 20px;
  }
  #wideLayout #memberBenefits20Page .selectedFilterList {
    -webkit-flex-direction: row;
    flex-direction: row;
    margin: 0 -2.5px 8px;
    padding: 0 15px;
  }
  #wideLayout #memberBenefits20Page .selectedFilterList .selectedFilterItem .link {
    margin: 0 7.5px 12px;
  }
  #wideLayout #memberBenefits20Page .clearButton.top {
    display: none;
  }
  #wideLayout #memberBenefits20Page .clearButton.bottom {
    display: inline;
    text-align: left;
  }
  #wideLayout #memberBenefits20Page .resultStatus {
    padding: 0 20px;
  }
  #wideLayout #memberBenefits20Page .resultStatus .sortBy {
    font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  }
  #wideLayout #memberBenefits20Page .resultStatus .sortBy .sortByLabel {
    font-size: 14px;
    line-height: 20px;
  }
  #wideLayout #memberBenefits20Page .resultStatus .sortBy .selectBox {
    font-size: 14px;
    line-height: 20px;
    margin-top: -3px;
  }
  #wideLayout #memberBenefits20Page .resultStatus .sortBy .selectBox .selected {
    padding-left: 2px;
  }
  #wideLayout #memberBenefits20Page .resultStatus #resultsCounter p {
    font-size: 14px;
    line-height: 20px;
    color: #607682;
  }
  #wideLayout #memberBenefits20Page .resultStatus #resultsCounter p span {
    color: #130026;
  }
  body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList::before {
    opacity: 1;
    border-top: 10px solid #E9E9E9;
    margin-top: 0;
  }
  body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured {
    border: 0 !important;
    border-top: 10px solid #E9E9E9 !important;
    border-radius: 0;
  }
  body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured::before {
    padding-top: 0;
  }
  body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured:last-child {
    border-bottom: 10px solid #e9e9e9 !important;
  }
  body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured .storyCardMemberItem {
    padding: 0;
  }
  body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured .storyCardMemberItem .media {
    display: block;
  }
  body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured .storyCardMemberItem .media .media-left {
    display: block;
    float: right;
    display: block;
    margin: 21px 0 0;
    width: 140px;
    min-width: 140px;
  }
  body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured .storyCardMemberItem .media .media-left .img-responsive {
    margin: 0 0 0 20px;
    width: 100px;
    min-width: 100px;
  }
  body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured .storyCardMemberItem .media .media-left .iconography {
    float: right;
    background-size: 398px 80px;
    min-width: 100px;
    width: 100px;
    height: 100px;
  }
  body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured .storyCardMemberItem .media .media-left .iconography.tickets-and-tours {
    background-position: 0 0;
  }
  body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured .storyCardMemberItem .media .media-left .iconography.dining {
    background-position: -298px 0;
  }
  body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured .storyCardMemberItem .media .media-left .iconography.shopping {
    background-position: -198px 0;
  }
  body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured .storyCardMemberItem .media .media-left .iconography.events-and-experiences {
    background-position: -99px 0;
  }
  body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured .storyCardMemberItem .media .media-body {
    float: left;
    padding-top: 17px;
    width: 50%;
  }
  body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured .storyCardMemberItem .media .media-right {
    width: 100%;
    min-width: 100%;
    flex-grow: 1;
  }
  body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured .storyCardMemberItem .media .verticalWrapper {
    display: block;
    width: 100%;
    text-align: center;
    float: none;
    clear: both;
    height: auto;
  }
  body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured .storyCardMemberItem .media .verticalWrapper .offer {
    display: none;
  }
  body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured .storyCardMemberItem .media .verticalWrapper .link {
    margin-top: 20px;
    width: 100%;
  }
  body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.storyCardFeatured:last-child::after {
    border: 0;
  }
  body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.featuredBg {
    border-radius: 0;
  }
  body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.featuredBg::before {
    padding-top: 0 !important;
  }
  body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.featuredBg::after {
    border-bottom: 0;
  }
  body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList.featuredBg + .storyCardFeatured {
    border: 0;
  }
  body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList:first-child {
    border: 0 !important;
  }
  body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCard .storyCardList:last-child::after {
    border-bottom: 10px solid #979797;
  }
  body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCardList .storyCardMemberItem .media-body .moreDescription .expandView > div {
    width: 100%;
    padding-right: 0;
  }
  body.mb20p2 #wideLayout #memberBenefits20Page .storyCardWrapper .storyCardList .storyCardMemberItem .media-body .moreDescription .expandView > div:first-child {
    width: 100%;
  }
}

/* Fonts */
/* colors */
/* border colors */
/* background color */
/* mixins */
#marketplacePage .radioButtonWrapper,
#marketplaceReviewPage .radioButtonWrapper {
  list-style: none;
  position: relative;
  vertical-align: middle;
  height: 35px;
  display: inline-flex;
}

#marketplacePage .radioButtonWrapper .radioButton,
#marketplaceReviewPage .radioButtonWrapper .radioButton {
  position: relative;
  z-index: 5;
  height: 20px;
  margin: 0;
  width: 20px;
  clip: rect(0, 0, 0, 0);
  opacity: 0;
  cursor: pointer;
}

#marketplacePage .radioButtonWrapper .radioButton + .icon__radio,
#marketplaceReviewPage .radioButtonWrapper .radioButton + .icon__radio {
  height: 20px;
  width: 20px;
  position: absolute;
  left: -23.5px;
  top: 0;
}

#marketplacePage .radioButtonWrapper .radioButton + .icon__radio:before,
#marketplaceReviewPage .radioButtonWrapper .radioButton + .icon__radio:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 23.5px;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid #A1AFC0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

#marketplacePage .radioButtonWrapper .radioButton + .icon__radio:after,
#marketplaceReviewPage .radioButtonWrapper .radioButton + .icon__radio:after {
  position: absolute;
  z-index: 3;
  content: "";
  top: 0;
  left: 20px;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  box-sizing: content-box;
  background: transparent;
}

#marketplacePage .radioButtonWrapper .radioButton:checked + .icon__radio:before,
#marketplaceReviewPage .radioButtonWrapper .radioButton:checked + .icon__radio:before {
  border: 6px solid #61941B;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: transparent;
}

#marketplacePage .radioButtonWrapper .radioButton:focus + .icon__radio::before,
#marketplaceReviewPage .radioButtonWrapper .radioButton:focus + .icon__radio::before {
  outline: #000000 dotted 1px;
  outline-offset: 0;
}

#marketplacePage .radioButtonWrapper .radioButtonLabel,
#marketplaceReviewPage .radioButtonWrapper .radioButtonLabel {
  margin-left: 7px;
  font-weight: 100;
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 19px;
  cursor: pointer;
}

#marketplacePage input[type="checkbox"].inputCheckbox,
#marketplaceReviewPage input[type="checkbox"].inputCheckbox {
  position: absolute;
  height: 20px;
  width: 20px;
  margin: 0;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
}

#marketplacePage input[type="checkbox"].inputCheckbox + .icon__checkbox,
#marketplaceReviewPage input[type="checkbox"].inputCheckbox + .icon__checkbox {
  position: relative;
  top: -16px;
}

#marketplacePage input[type="checkbox"].inputCheckbox + .icon__checkbox:before,
#marketplaceReviewPage input[type="checkbox"].inputCheckbox + .icon__checkbox:before {
  content: "";
  background: #FFFFFF;
  border: 2px solid #A1AFC0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#marketplacePage input[type="checkbox"].inputCheckbox + .icon__checkbox:after,
#marketplaceReviewPage input[type="checkbox"].inputCheckbox + .icon__checkbox:after {
  color: #FFFFFF;
  content: "\e241";
  font-size: 15px;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 3px;
  left: 1px;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.2s;
  transform: scale(0);
}

#marketplacePage input[type="checkbox"].inputCheckbox:checked + .icon__checkbox:before,
#marketplaceReviewPage input[type="checkbox"].inputCheckbox:checked + .icon__checkbox:before {
  background: #61941B;
  border: 2px solid #61941B;
}

#marketplacePage input[type="checkbox"].inputCheckbox:checked + .icon__checkbox:after,
#marketplaceReviewPage input[type="checkbox"].inputCheckbox:checked + .icon__checkbox:after {
  opacity: 1;
  transform: scale(1);
}

#marketplacePage input[type="checkbox"].inputCheckbox:focus + .dvcss-pepmdxicon:before,
#marketplaceReviewPage input[type="checkbox"].inputCheckbox:focus + .dvcss-pepmdxicon:before {
  border: 2px solid #61941B;
}

#marketplacePage .btn-primary,
#marketplaceReviewPage .btn-primary {
  color: #FFFFFF;
  background: #0079BC;
  border: 2px solid #0079BC;
}

#marketplacePage .btn-primary:hover, #marketplacePage .btn-primary:focus,
#marketplaceReviewPage .btn-primary:hover,
#marketplaceReviewPage .btn-primary:focus {
  background: #003F54;
  border: 2px solid #003F54;
}

#marketplacePage .btn-primary:active,
#marketplaceReviewPage .btn-primary:active {
  background: #00233C;
  border: 2px solid #00233C;
}

#marketplacePage .btn-primary.disabled,
#marketplaceReviewPage .btn-primary.disabled {
  background: #BBE0F3;
  border: 2px solid #BBE0F3;
  opacity: 1;
}

#marketplacePage .btn-secondary,
#marketplaceReviewPage .btn-secondary {
  color: #0079BC;
  background: #FFFFFF;
  border: 2px solid #0079BC;
}

#marketplacePage .btn-secondary:hover, #marketplacePage .btn-secondary:focus,
#marketplaceReviewPage .btn-secondary:hover,
#marketplaceReviewPage .btn-secondary:focus {
  color: #FFFFFF;
  background: #003F54;
  border: 2px solid #003F54;
}

#marketplacePage .btn-secondary:active,
#marketplaceReviewPage .btn-secondary:active {
  background: #00233C;
  border: 2px solid #00233C;
}

#marketplacePage .btn-secondary.disabled,
#marketplaceReviewPage .btn-secondary.disabled {
  color: #BBE0F3;
  background: #FFFFFF;
  border: 2px solid #BBE0F3;
  opacity: 1;
}

#marketplacePage .btn-transactional,
#marketplaceReviewPage .btn-transactional {
  color: #FFFFFF;
  background: #61941B;
  border: 2px solid #61941B;
}

#marketplacePage .btn-transactional:hover, #marketplacePage .btn-transactional:focus,
#marketplaceReviewPage .btn-transactional:hover,
#marketplaceReviewPage .btn-transactional:focus {
  background: #58831B;
  border: 2px solid #58831B;
}

#marketplacePage .btn-transactional:active,
#marketplaceReviewPage .btn-transactional:active {
  background: #33490F;
  border: 2px solid #33490F;
}

#marketplacePage .btn-transactional.disabled,
#marketplaceReviewPage .btn-transactional.disabled {
  background: #D6E5BA;
  border: 2px solid #D6E5BA;
  opacity: 1;
}

#marketplacePage .heroMediaContainer {
  position: relative;
}

#marketplacePage .heroMediaContainer .img-responsive {
  width: 100%;
}

#marketplacePage .heroMediaContainer .heroMediaDetailContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#marketplacePage .heroMediaContainer .heroMediaDetailContainer .heroMediaInnerContainer {
  margin: 0 auto;
  max-width: 1240px;
  padding: 0 20px;
  text-align: left;
  min-height: 300px;
  height: 100%;
}

#marketplacePage .heroMediaContainer .heroMediaDetailContainer .heroMediaInnerContainer .detailsContainer {
  width: 435px;
  top: 51%;
  transform: translate(0, -50%);
  position: absolute;
  min-height: 400px;
}

#marketplacePage .heroMediaContainer .heroMediaDetailContainer .heroMediaInnerContainer .detailsContainer .title {
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 42px;
  line-height: 51px;
}

#marketplacePage .heroMediaContainer .heroMediaDetailContainer .heroMediaInnerContainer .detailsContainer p {
  font-family: "Avenir-light", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 20px;
}

#marketplacePage .heroMediaContainer .heroMediaDetailContainer .heroMediaInnerContainer .list-unstyled {
  display: inline-block;
  text-align: left;
  margin-bottom: 20px;
}

#marketplacePage .heroMediaContainer .heroMediaDetailContainer .heroMediaInnerContainer .list-unstyled li {
  font-family: "Avenir-Book", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 24px;
}

#marketplacePage .heroMediaContainer .heroMediaDetailContainer .heroMediaInnerContainer .list-unstyled li i.dvcss-pepmdxicon {
  margin-right: 8px;
}

#marketplacePage .heroMediaContainer .heroMediaDetailContainer .heroMediaInnerContainer .linkCta {
  color: #0079BC;
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 10px;
}

#marketplacePage .selectionBar {
  position: relative;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  z-index: 999;
}

#marketplacePage .selectionBar.docker {
  background: #FFFFFF;
  position: fixed;
  text-align: center;
  bottom: 5px;
  left: 0;
  right: 0;
  height: 78px;
  line-height: 100px;
  top: 0;
  z-index: 10001;
}

#marketplacePage .selectionBar .selectionBarRightBg {
  position: absolute;
  background-color: #F7F9FC;
  right: 0;
  width: 25%;
  height: 100%;
}

#marketplacePage .selectionBar .selectionBarWrapper {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  z-index: 2;
}

#marketplacePage .selectionBar .selectionBarWrapper .media {
  height: 78px;
  padding: 0;
  overflow: visible;
}

#marketplacePage .selectionBar .selectionBarWrapper .media-left, #marketplacePage .selectionBar .selectionBarWrapper .media-body, #marketplacePage .selectionBar .selectionBarWrapper .media-right {
  float: left;
}

#marketplacePage .selectionBar .selectionBarWrapper .media-left, #marketplacePage .selectionBar .selectionBarWrapper .media-body {
  padding-top: 16px;
  overflow: visible;
}

#marketplacePage .selectionBar .selectionBarWrapper .media-left {
  font-size: 20px;
  width: 493px;
  padding-top: 30px;
}

#marketplacePage .selectionBar .selectionBarWrapper .media-left p {
  margin: 0;
  line-height: 20px;
  text-align: left;
}

#marketplacePage .selectionBar .selectionBarWrapper .media-left p strong {
  font-size: 20px;
  color: #243A57;
}

#marketplacePage .selectionBar .selectionBarWrapper .media-body {
  background-color: #FFFFFF;
  margin-left: 40px;
  width: 175px;
}

#marketplacePage .selectionBar .selectionBarWrapper .media-body .text,
#marketplacePage .selectionBar .selectionBarWrapper .media-body .memberIdDropdown {
  display: block;
  float: left;
}

#marketplacePage .selectionBar .selectionBarWrapper .media-body .text {
  margin: 0;
}

#marketplacePage .selectionBar .selectionBarWrapper .media-right {
  background-color: #F7F9FC;
  margin-left: 0;
  float: right;
}

#marketplacePage .selectionBar .selectionBarWrapper .media-right .selectionBar-triangle {
  float: left;
  width: 0;
  height: 0;
  border-top: 39px solid transparent;
  border-left: 22px solid #C6C6C6;
  border-bottom: 39px solid transparent;
  position: relative;
}

#marketplacePage .selectionBar .selectionBarWrapper .media-right .selectionBar-triangle::after {
  content: ' ';
  border-top: 39px solid transparent;
  border-left: 22px solid #FFFFFF;
  border-bottom: 39px solid transparent;
  z-index: 3;
  position: absolute;
  top: 0;
  left: -23px;
  transform: translate(0, -50%);
}

#marketplacePage .selectionBar .selectionBarWrapper .media-right .addOnVacationPoints,
#marketplacePage .selectionBar .selectionBarWrapper .media-right .addOnVacationYear {
  float: left;
  margin: 12px 0 0 70px;
  font-family: "Avenir-medium", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  line-height: 28px;
  color: #21385A;
  width: 118px;
  text-transform: uppercase;
}

#marketplacePage .selectionBar .selectionBarWrapper .media-right .addOnVacationPoints strong,
#marketplacePage .selectionBar .selectionBarWrapper .media-right .addOnVacationYear strong {
  display: block;
  font-size: 20px;
  text-transform: initial;
}

#marketplacePage .selectionBar .selectionBarWrapper .media-right .addOnVacationPoints {
  margin-left: 42px;
}

#marketplacePage .selectionBar .selectField {
  float: left;
}

#marketplacePage .selectionBar .selectField:focus .selectBox .selectBoxToggle {
  color: #0079BC;
  border-bottom: 2px solid #0079BC;
}

#marketplacePage .selectionBar .selectField .selectFieldLabel {
  display: block;
  font-size: 12px;
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  line-height: 16px;
  color: #78899E;
  text-align: left;
  padding-left: 10px;
}

#marketplacePage .selectionBar .selectField .selectBox {
  float: left;
  position: relative;
  margin: 0;
  width: 239px;
  padding-top: 2px;
}

#marketplacePage .selectionBar .selectField .selectBox select {
  display: none;
}

#marketplacePage .selectionBar .selectField .selectBox .selectBoxToggle {
  color: #00233C;
  font-size: 16px;
  line-height: 24px;
  padding-bottom: 6px;
  border-bottom: 2px solid #D0D7DE;
  min-height: 27px;
  cursor: pointer;
}

#marketplacePage .selectionBar .selectField .selectBox .selectBoxToggle .selected {
  float: left;
  margin-left: 0;
  padding-left: 10px;
}

#marketplacePage .selectionBar .selectField .selectBox .selectBoxToggle .optionsPulldown {
  float: right;
}

#marketplacePage .selectionBar .selectField .selectBox .selectBoxToggle .optionsPulldown .icon__norgie-opened {
  color: #0079BC;
}

#marketplacePage .selectionBar .selectField .selectBox .selectBoxToggle:hover {
  color: #0079BC;
  border-bottom: 2px solid #0079BC;
}

#marketplacePage .selectionBar .selectField .selectBox .selectBoxToggle:hover .dvcss-pepmdxicon {
  color: #0079BC;
}

#marketplacePage .selectionBar .selectField .selectBox .optionsWrapper {
  position: absolute;
  display: none;
  z-index: 4;
  width: 100%;
}

#marketplacePage .selectionBar .selectField .selectBox .optionsWrapper.open {
  display: block;
}

#marketplacePage .selectionBar .selectField .selectBox .optionsWrapper .optionBox {
  background: #FFFFFF;
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  list-style: none;
  border-top: 2px solid #00233C;
  border-left: 1px solid #D0D7DE;
  border-right: 1px solid #D0D7DE;
  border-bottom: 1px solid #D0D7DE;
  margin: -2px 0 0;
  cursor: pointer;
}

#marketplacePage .selectionBar .selectField .selectBox .optionsWrapper .optionBox .option.selected {
  background: #00233C;
}

#marketplacePage .selectionBar .selectField .selectBox .optionsWrapper .optionBox .option.selected .selectOption .labelItem {
  color: #FFFFFF;
}

#marketplacePage .selectionBar .selectField .selectBox .optionsWrapper .optionBox .option .selectOption {
  border: 0;
  display: block;
  min-height: 40px;
  padding: 9px 10px;
  width: 100%;
}

#marketplacePage .selectionBar .selectField .selectBox .optionsWrapper .optionBox .option .selectOption .labelItem {
  color: #00233C;
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 20px;
}

#marketplacePage .selectionBar .selectField .selectBox .optionsWrapper .optionBox .option .selectOption .labelContainer {
  display: table-cell;
  vertical-align: middle;
}

#marketplacePage .selectionBar .selectField .selectBox .optionsWrapper .optionBox .option .selectRadio {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
}

#marketplacePage .selectionBar .selectField .selectBox .optionsWrapper .optionBox .option:focus .selectOption, #marketplacePage .selectionBar .selectField .selectBox .optionsWrapper .optionBox .option:hover .selectOption {
  background: #0079BC;
}

#marketplacePage .selectionBar .selectField .selectBox .optionsWrapper .optionBox .option:focus .selectOption .labelItem, #marketplacePage .selectionBar .selectField .selectBox .optionsWrapper .optionBox .option:hover .selectOption .labelItem {
  color: #FFFFFF;
}

#marketplacePage .selectionBar .selectField.singleOption .selectBoxToggle {
  border: none;
  cursor: text;
}

#marketplacePage .selectionBar .selectField.singleOption .selectBoxToggle:hover {
  border: none;
  color: #00233C;
}

#marketplacePage .selectionBar .selectField.singleOption .selectBoxToggle .optionsPulldown {
  display: none;
}

#marketplacePage .selectionBar .selectField.singleOption .optionsWrapper {
  display: none;
}

#marketplacePage .resortsContainer {
  max-width: 1240px;
  padding: 20px 20px 0;
  margin: 0 auto 50px;
  position: relative;
}

#marketplacePage .resortsContainer .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50px;
  left: 0;
  background: rgba(255, 255, 255, 0.5);
  z-index: 998;
}

#marketplacePage .resortsContainer .loaderContainer {
  top: 0;
  left: 0;
  background: #F7F9FC;
  opacity: 0.5;
}

#marketplacePage .resortsContainer .loaderContainer img {
  position: absolute;
  top: 30%;
  left: 30%;
}

#marketplacePage .resortsContainer .disclosureMessaging {
  font-family: "Avenir-light", "Avenir", "Helvetica", "Arial", sans-serif;
  text-align: left;
  padding: 35px 0;
}

#marketplacePage .resortsContainer h2 {
  font-family: "Avenir-light", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 36px;
  line-height: 48px;
  text-align: left;
}

#marketplacePage .resortsContainer .description {
  font-family: "Avenir-light", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 18px;
  line-height: 24px;
  text-align: left;
  margin-bottom: 60px;
  max-width: 900px;
}

#marketplacePage .resortsContainer .resortList {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: left;
  margin: 0 -20px;
}

#marketplacePage .resortsContainer .resortList .resortListItem {
  -webkit-box-flex: 0 1 auto;
  -moz-box-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  list-style: none;
  padding: 0 20px;
  margin-bottom: 61px;
  width: 50%;
}

#marketplacePage .resortsContainer .resortList .resortListItem.expanded .resortTile .expandedDetails {
  height: auto;
  display: block;
  border-bottom: 1px solid #C6C6C6;
}

#marketplacePage .resortsContainer .resortList .resortListItem.expanded .detailToggle .link .dvcss-pepmdxicon {
  transform: rotate(180deg);
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .specialOfferBanner {
  font-family: "Avenir-medium", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 20px;
  background: #61941B;
  bottom: 0;
  color: #FFFFFF;
  left: 0;
  padding: 12px 20px;
  position: absolute;
  width: 100%;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .specialOfferBanner .media > .media-body .title {
  margin-right: 19px;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .specialOfferBanner .media > .media-left {
  margin-right: 10px;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .specialOfferBanner .link {
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  color: #FFFFFF;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .resortImage {
  position: relative;
  margin-bottom: 0;
  min-height: 304px;
  width: 100%;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .resortImage .img-responsive {
  width: 100%;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .resortImage .lazy {
  height: auto;
  width: auto;
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .resortImage .resortPricing {
  color: #FFFFFF;
  font-family: "Avenir-medium", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 32px;
  line-height: 24px;
  position: absolute;
  top: 0;
  left: 0;
  padding: 22px 20px 0;
  width: 100%;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .resortImage .resortPricing span {
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 18px;
  line-height: 24px;
  margin: 4px 0 0 10px;
  position: absolute;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .resortImage .homeResortDetail {
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 20px;
  background: rgba(36, 56, 78, 0.9);
  bottom: 0;
  color: #FFFFFF;
  left: 0;
  padding: 9px 20px 8px;
  position: absolute;
  width: 100%;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .resortTileDetails {
  border-bottom: 1px solid #C6C6C6;
  padding: 22px 20px 21px;
  min-height: 214px;
  position: relative;
  background: #FFFFFF;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .resortTileDetails h3 {
  display: block;
  min-height: 64px;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .resortTileDetails .link {
  color: #0079BC;
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 20px;
  display: inline;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .resortTileDetails .link + .link {
  margin-top: -15px;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .resortTileDetails .link.pointsChartLink {
  border-left: 1px solid #D0D7DE;
  margin-left: 10px;
  padding-left: 10px;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .resortTileDetails .resortAdditionalDetails {
  color: #63778C;
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 20px;
  margin-top: 10px;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .resortTileDetails .resortAdditionalDetails > div {
  margin-bottom: 9px;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .resortTileDetails .resortAdditionalDetails > div span {
  color: #64778B;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .resortTileDetails .resortAdditionalDetails > div span strong {
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .resortTileDetails .pdf-items {
  margin-left: 7px;
  display: inline;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .resortTileDetails .pdf-items li {
  display: inline-block;
  border-left: 1px solid #D0D7DE;
  padding-left: 10px;
  padding-right: 6px;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails {
  margin: -1px 0 0;
  border-top: 1px solid #C6C6C6;
  padding: 20px;
  background: #F7F9FC;
  overflow: hidden;
  height: 0;
  padding: 0;
  display: none;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInfo {
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  padding: 20px 20px 0;
  max-width: 400px;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .specialOfferAlert {
  padding: 0px 0px 20px;
  color: #5e8600;
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner {
  min-height: 100px;
  max-width: 400px;
  position: relative;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .requestDetail {
  padding: 24px 20px 29px;
  max-width: 400px;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .requestDetail .estimateDetails {
  position: relative;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .requestDetail .estimateDetails .overlay {
  width: 100%;
  height: 150px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 997;
  background: rgba(247, 249, 252, 0.6);
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .requestDetail .estimateDetails .overlay img {
  margin: 0 auto;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .requestDetail .title {
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 11px;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .requestDetail .instruction {
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 20px;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .requestDetail .lblPhoneNumber {
  color: #78899E;
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  display: table;
  line-height: 16px;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .requestDetail .textbox {
  border: 0;
  border-bottom: 2px solid #A1AFC0;
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  color: #00233C;
  line-height: 24px;
  background: none;
  padding: 5px 0;
  width: 100%;
  margin-bottom: 24px;
  margin-top: 2px;
  max-width: 360px;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .requestDetail .textbox::-ms-clear {
  display: none;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .requestDetail .checkboxWrapper {
  position: relative;
  display: inline-block;
  margin-bottom: 18px;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .requestDetail .checkboxWrapper input[type=checkbox].inputCheckbox:hover + .icon__checkbox:before, #marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .requestDetail .checkboxWrapper input[type=checkbox].inputCheckbox:focus + .icon__checkbox:before {
  border: 2px solid #58831B;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .requestDetail .checkboxWrapper input[type=checkbox].inputCheckbox + .icon__checkbox {
  position: relative;
  top: -13px;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .requestDetail .checkboxWrapper .checkbox {
  display: table-cell;
  cursor: pointer;
  padding-left: 10px;
  font-size: 16px;
  line-height: 24px;
  font-family: Avenir-Roman;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .requestDetail .checkboxWrapper .btnCheckbox {
  position: relative;
  display: table-cell;
  min-width: 20px;
  vertical-align: top;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .requestDetail .checkboxWrapper .lblCheckbox {
  color: #00233C;
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 24px;
  display: table-cell;
  padding-left: 9px;
  cursor: pointer;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .requestDetail .memberOptionsContainer {
  margin-bottom: 5px;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .requestDetail .memberOptionsContainer .radioButtonWrapper {
  width: 100%;
  margin-bottom: 5px;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .requestDetail .btn {
  font-family: "Avenir-medium", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 20px;
  max-width: 360px;
  border-radius: 4px;
  width: 100%;
  padding: 10px 20px;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .pointPackageDetails {
  padding: 18px 20px 29px;
  position: relative;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .pointPackageDetails.pointError .textbox {
  border-bottom: 2px solid #FF4605;
  color: #FF4605;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .pointPackageDetails .title {
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  line-height: 20px;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .pointPackageDetails .textbox {
  border: 0;
  border-bottom: 2px solid #A1AFC0;
  font-family: "Avenir-medium", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  color: #00233C;
  line-height: 28px;
  background: none;
  padding: 0 0 10px;
  width: 100%;
  margin-bottom: 19px;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .pointPackageDetails .textbox::-ms-clear {
  display: none;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .pointPackageDetails .errorDetails {
  font-family: "Avenir-medium", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  color: #FF4605;
  line-height: 24px;
  padding: 0 0 20px 20px;
  margin-top: -10px;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .pointPackageDetails .calcDetails {
  margin-bottom: 28px;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .pointPackageDetails .calcDetailItem {
  font-family: "Avenir-Book", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 12px;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .pointPackageDetails .calcDetailItem .symbol {
  font-family: "Avenir-light", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  text-align: center;
  line-height: 16px;
  display: inline-table;
  vertical-align: text-top;
  margin-right: 9px;
  width: 11px;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .pointPackageDetails .specialOfferDetail {
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #5E8600;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .pointPackageDetails .specialOfferDetail .symbol {
  margin-right: 4px;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .pointPackageDetails .btn {
  font-family: "Avenir-medium", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 24px;
  border-radius: 4px;
  width: 100%;
  padding: 8px 20px;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .pointPackageDetails .btn.onhold {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .pointPackageDetails .detailCost {
  margin-bottom: 15px;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .pointPackageDetails .detailCost .row {
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  line-height: 30px;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .pointPackageDetails .detailCost .row.title > div {
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  line-height: 30px;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .pointPackageDetails .detailCost .row > div {
  padding: 0;
  font-size: 20px;
  line-height: 30px;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .pointPackageDetails .detailCost .row > div:first-child {
  margin-right: 17px;
  float: left;
  min-width: 135px;
  margin-bottom: 12px;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .pointPackageDetails .detailCost .row > div:last-child {
  float: left;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .pointPackageDetails .detailCost .row > div .dvcss-pepmdxicon {
  font-size: 18px;
  line-height: 19px;
  margin-right: 7px;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .pointPackageDetails .detailCost .row > div .monthlyDues {
  font-size: 12px;
  line-height: 30px;
  display: inline-block;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .pointPackageDetails .detailCost .row > div .detailItem .media-left {
  margin-right: 5px;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .detailToggle.closeTray {
  display: none;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .detailToggle .link {
  color: #00729C;
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 20px;
  padding: 20px;
  display: block;
  text-decoration: none;
  border: 2px solid #FFFFFF;
}

#marketplacePage .resortsContainer .resortList .resortListItem .resortTile .detailToggle .link:hover, #marketplacePage .resortsContainer .resortList .resortListItem .resortTile .detailToggle .link:focus {
  border: 2px solid #00729C;
}

#marketplacePage .resortsContainer .resortsAvailableContainer {
  margin-bottom: 79px;
}

#marketplacePage .resortsContainer .resortsAvailableContainer h2 {
  margin-bottom: 60px;
}

#marketplacePage .resortsContainer .resortsAvailableContainer .resortList .resortListItem {
  max-width: 620px;
}

#marketplacePage .resortsContainer .resortsAvailableContainer .resortList .resortTileDetails h3 {
  font-family: "Avenir-medium", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 28px;
  line-height: 40px;
  margin-bottom: 9px;
}

#marketplacePage .resortsContainer .limitedResortsContainer h2 {
  margin-bottom: 11px;
}

#marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem {
  max-width: 412px;
  width: 33.33%;
}

#marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile .resortImage {
  margin-bottom: 0;
  min-height: 186px;
}

#marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile .resortImage .lazy {
  top: 50%;
}

#marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile .resortTileDetails {
  padding: 22px 20px 30px;
  min-height: 125px;
}

#marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile .resortTileDetails h3 {
  font-family: "Avenir-medium", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 9px;
}

#marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile .resortTileDetails .link {
  margin-bottom: 0;
}

#marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile .resortTileDetails .link + .link {
  margin-top: 5px;
}

#marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile .resortTileDetails .resortTileDetailsInner .resortPricing {
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 15px;
}

#marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile .resortTileDetails .specialOfferBanner.bannerXs {
  margin: 10px 0;
  position: relative;
}

#marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile .resortTileDetails .specialOfferBanner a {
  color: #FFFFFF;
}

#marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner {
  position: relative;
}

#marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .requestDetail {
  padding: 19px 20px 30px;
}

#marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .requestDetail .estimateDetails {
  position: relative;
}

#marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .requestDetail .estimateDetails .overlay {
  width: 100%;
  height: 150px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 997;
  background: rgba(247, 249, 252, 0.6);
}

#marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .requestDetail .estimateDetails .overlay img {
  margin: 0 auto;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}

#marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .requestDetail .title {
  font-size: 16px;
  line-height: 24px;
}

#marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .requestDetail .instruction {
  font-size: 16px;
  line-height: 24px;
}

#marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .requestDetail .btn {
  font-size: 16px;
  line-height: 24px;
  padding: 8px 20px;
}

#marketplacePage .disclaimerContainer {
  font-family: "Avenir-light", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 19px;
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1240px;
}

#marketplacePage .disclaimerContainer .disclaimerContent {
  border-top: 1px solid #C6C6C6;
  padding: 29px 0 44px;
  text-align: left;
}

#marketplacePage .decisionButtonContainer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 1240px;
  text-align: center;
  margin-top: 79px;
  margin-bottom: 90px;
}

#marketplacePage .decisionButtonContainer .decisionButtonItemContainer {
  position: relative;
  width: 50%;
}

#marketplacePage .decisionButtonContainer .decisionButtonItemContainer .decisionButtonItemContents {
  -webkit-box-flex: 0 1 auto;
  -moz-box-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
  margin: 0 20px;
  max-width: 580px;
  min-height: 305px;
  padding: 50px 65px;
  height: 100%;
}

#marketplacePage .decisionButtonContainer .decisionButtonItemContainer .decisionButtonItemContents i {
  font-size: 50px;
  color: #FFFFFF;
}

#marketplacePage .decisionButtonContainer .decisionButtonItemContainer .decisionButtonItemContents h2 {
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 28px;
  line-height: 48px;
  color: #FFFFFF;
}

#marketplacePage .decisionButtonContainer .decisionButtonItemContainer .decisionButtonItemContents p {
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 18px;
  line-height: 24px;
  color: #FFFFFF;
}

#marketplacePage .decisionButtonContainer .decisionButtonItemContainer .decisionButtonItemContents .link {
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 18px;
  line-height: 24px;
  color: #FFFFFF;
  position: relative;
}

#marketplacePage .decisionButtonContainer .decisionButtonItemContainer > .link {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  text-decoration: none;
}

#marketplacePage .decisionButtonContainer .decisionButtonItemContainer > .link:hover + .decisionButtonItemContents .link {
  text-decoration: underline;
}

#marketplacePage .dvcss-pepmdxicon {
  visibility: visible !important;
}

#marketplacePage .getStartedSection {
  margin-bottom: 80px;
}

#marketplacePage .getStartedSection .getStartedContainer {
  background: #F7F9FC;
  border: 1px solid #D0DDE7;
  border-radius: 5px;
  width: 100%;
  padding: 43px 60px;
  display: table;
}

#marketplacePage .getStartedSection .getStartedContainer .media-left {
  display: table-cell;
  vertical-align: middle;
  float: none;
  min-width: 36px;
  height: 100%;
}

#marketplacePage .getStartedSection .getStartedContainer .media-left > div {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

#marketplacePage .getStartedSection .getStartedContainer .media-left .calc-icon {
  width: 36px;
}

#marketplacePage .getStartedSection .getStartedContainer .media-body {
  text-align: left;
  display: table-cell;
  vertical-align: middle;
  float: none;
}

#marketplacePage .getStartedSection .getStartedContainer .media-body .getStartedContent {
  max-width: 792px;
  margin-left: 30px;
  padding-right: 40px;
}

#marketplacePage .getStartedSection .getStartedContainer .media-body .getStartedContent h3 {
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  line-height: 28px;
  margin: 0 0 10px;
}

#marketplacePage .getStartedSection .getStartedContainer .media-body .getStartedContent p {
  margin: 0;
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
}

#marketplacePage .getStartedSection .getStartedContainer .media-right {
  display: table-cell;
  vertical-align: middle;
  float: none;
}

#marketplacePage .getStartedSection .getStartedContainer .media-right .getStartedButton {
  border: 2px solid #0079BC;
  border-radius: 3px;
  color: #00729C;
  width: 220px;
  height: 41px;
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 19px;
}

#marketplacePage .getStartedSection .getStartedContainer .media-right .getStartedButton:hover, #marketplacePage .getStartedSection .getStartedContainer .media-right .getStartedButton:focus {
  color: white;
  background-color: #00729C;
}

/* tablet landscape only */
@media screen and (max-width: 1100px) {
  #marketplacePage .heroMediaContainer .heroMediaDetailContainer .heroMediaInnerContainer .detailsContainer {
    width: 360px;
    top: 42%;
    min-height: 300px;
    padding-left: 10px;
  }
  #marketplacePage .heroMediaContainer .heroMediaDetailContainer .heroMediaInnerContainer .detailsContainer .title {
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 21px;
    margin-top: 1px;
  }
  #marketplacePage .heroMediaContainer .heroMediaDetailContainer .heroMediaInnerContainer .detailsContainer p {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  #marketplacePage .heroMediaContainer .heroMediaDetailContainer .heroMediaInnerContainer .detailsContainer .list-unstyled {
    margin-bottom: 5px;
  }
  #marketplacePage .heroMediaContainer .heroMediaDetailContainer .heroMediaInnerContainer .detailsContainer .list-unstyled li {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 14px;
  }
  #marketplacePage .heroMediaContainer .heroMediaDetailContainer .heroMediaInnerContainer .detailsContainer .linkCta {
    font-size: 16px;
    line-height: 24px;
  }
  #marketplacePage .selectionBar .selectionBarWrapper .media-left {
    width: 42vw;
    padding-top: 30px;
    padding-left: 36px;
    margin-right: 25px;
  }
  #marketplacePage .selectionBar .selectionBarWrapper .media-left p strong {
    font-size: 16px;
  }
  #marketplacePage .selectionBar .selectionBarWrapper .media-body {
    margin-left: 0;
    width: 165px;
  }
  #marketplacePage .selectionBar .selectionBarWrapper .media-right .addOnVacationPoints,
  #marketplacePage .selectionBar .selectionBarWrapper .media-right .addOnVacationYear {
    margin: 12px 10px 0 24px;
  }
  #marketplacePage .selectionBar .selectionBarWrapper .media-right .addOnVacationYear {
    margin-right: 25px;
    margin-left: 8px;
  }
  #marketplacePage .selectionBar .selectionBarWrapper .media .selectField .selectBox {
    width: 155px;
    padding-top: 3px;
  }
  #marketplacePage .resortsContainer .disclosureMessaging {
    padding: 35px 0;
  }
  #marketplacePage .resortsContainer .resortList .resortListItem .resortTile .resortImage {
    min-height: 265px;
  }
  #marketplacePage .resortsContainer .resortList .resortListItem .resortTile .resortImage .resortMoreDetail {
    padding: 10px 18px;
  }
  #marketplacePage .resortsContainer .resortList .resortListItem .resortTile .resortImage .resortMoreDetail .media {
    font-size: 14px;
    line-height: 24px;
  }
  #marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile .resortImage {
    min-height: 169px;
  }
  #marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile .resortImage .resortPricing {
    font-size: 20px;
    line-height: 24px;
    padding: 18px 20px 0;
  }
  #marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile .resortImage .resortPricing > span {
    margin: 0;
    width: 100%;
    display: block;
    font-size: 16px;
    line-height: 20px;
  }
  #marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile .resortTileDetails .pdf-items {
    margin-left: 0;
  }
  #marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile .resortTileDetails .pdf-items li {
    display: block;
    border-left: none;
    padding: 5px 0 0;
  }
  #marketplacePage .decisionButtonContainer .decisionButtonItemContainer {
    width: 50%;
  }
  #marketplacePage .decisionButtonContainer .decisionButtonItemContainer .decisionButtonItemContents {
    min-height: 370px;
  }
}

/* tablet portrait only */
@media screen and (max-width: 1023px) {
  #marketplacePage .resortsContainer .resortList .resortListItem .resortTile .resortImage {
    min-height: 193px;
  }
  #marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile .resortImage {
    min-height: 121px;
  }
}

@media screen and (max-width: 799px) {
  #marketplacePage .heroMediaContainer .heroMediaDetailContainer .heroMediaInnerContainer .detailsContainer {
    top: 56%;
    padding-left: 1px;
    width: 275px;
  }
  #marketplacePage .heroMediaContainer .heroMediaDetailContainer .heroMediaInnerContainer .detailsContainer .title {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 9px;
  }
  #marketplacePage .heroMediaContainer .heroMediaDetailContainer .heroMediaInnerContainer .detailsContainer p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
  }
  #marketplacePage .heroMediaContainer .heroMediaDetailContainer .heroMediaInnerContainer .detailsContainer .list-unstyled li {
    font-size: 14px;
  }
  #marketplacePage .heroMediaContainer .heroMediaDetailContainer .heroMediaInnerContainer .detailsContainer .linkCta {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 5px;
  }
  #marketplacePage .selectionBar .selectionBarWrapper .media-left {
    width: 30vw;
    padding-left: 20px;
    padding-top: 15px;
    margin-right: 8px;
  }
  #marketplacePage .selectionBar .selectionBarWrapper .media-left p {
    line-height: 18px;
  }
  #marketplacePage .selectionBar .selectionBarWrapper .media-left p strong {
    font-size: 14px;
  }
  #marketplacePage .selectionBar .selectionBarWrapper .media-right .addOnVacationPoints,
  #marketplacePage .selectionBar .selectionBarWrapper .media-right .addOnVacationYear {
    margin: 12px 21px 0 23px;
  }
  #marketplacePage .decisionButtonContainer .decisionButtonItemContainer {
    width: 50%;
  }
  #marketplacePage .decisionButtonContainer .decisionButtonItemContainer .decisionButtonItemContents {
    min-height: 300px;
    padding: 20px 30px 20px 20px;
    text-align: left;
  }
  #marketplacePage .decisionButtonContainer .decisionButtonItemContainer .decisionButtonItemContents h2 {
    font-size: 24px;
    line-height: 32px;
    margin-top: 15px;
  }
  #marketplacePage .decisionButtonContainer .decisionButtonItemContainer .decisionButtonItemContents p {
    font-size: 16px;
  }
  #marketplacePage .decisionButtonContainer .decisionButtonItemContainer .decisionButtonItemContents .link {
    text-align: left;
    font-size: 16px;
    text-decoration: underline;
  }
}

@media screen and (min-width: 800px) and (max-width: 835px) {
  #marketplacePage .selectionBar .selectionBarWrapper .media-left {
    width: 36vw;
    padding-left: 20px;
    padding-top: 17px;
    margin-right: 5px;
  }
}

@media screen and (min-width: 836px) and (max-width: 935px) {
  #marketplacePage .selectionBar .selectionBarWrapper .media-left {
    width: 36vw;
    padding-left: 20px;
    padding-top: 15px;
    margin-right: 5px;
  }
}

@media screen and (min-width: 1101px) and (max-width: 1239px) {
  #marketplacePage .selectionBar .selectionBarWrapper .media-left {
    width: 42vw;
    padding-left: 20px;
    margin-right: 0;
  }
  #marketplacePage .selectionBar .selectionBarWrapper .media-right .addOnVacationPoints,
  #marketplacePage .selectionBar .selectionBarWrapper .media-right .addOnVacationYear {
    width: 140px;
    margin: 12px 15px 0 40px;
  }
  #marketplacePage .selectionBar .selectionBarWrapper .selectField .selectBox {
    width: 15vw;
  }
}

/* Mobile only */
@media screen and (max-width: 767px) {
  #marketplacePage .heroMediaContainer .img-responsive {
    width: 100%;
    height: 40vh;
    object-fit: cover;
  }
  #marketplacePage .heroMediaContainer .heroMediaDetailContainer {
    bottom: 0;
    top: auto;
    height: auto;
  }
  #marketplacePage .heroMediaContainer .heroMediaDetailContainer .heroMediaInnerContainer {
    margin-top: 0;
    min-height: auto;
    top: auto;
    padding: 0;
  }
  #marketplacePage .heroMediaContainer .heroMediaDetailContainer .heroMediaInnerContainer .detailsContainer {
    color: #FFFFFF;
    width: 100%;
    top: auto;
    bottom: 0;
    transform: initial;
    position: absolute;
    min-height: auto;
    padding: 0 20px;
  }
  #marketplacePage .heroMediaContainer .heroMediaDetailContainer .heroMediaInnerContainer .detailsContainer .title {
    font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
    color: #FFFFFF;
    font-size: 32px;
    line-height: 43px;
    margin-bottom: 9px;
  }
  #marketplacePage .heroMediaContainer .heroMediaDetailContainer .heroMediaInnerContainer .detailsContainer p {
    font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 27px;
  }
  #marketplacePage .heroMediaContainer .heroMediaDetailContainer .heroMediaInnerContainer .detailsContainer .list-unstyled,
  #marketplacePage .heroMediaContainer .heroMediaDetailContainer .heroMediaInnerContainer .detailsContainer .linkCta {
    display: none;
  }
  #marketplacePage .heroMediaContainer .mobileHeroCopy {
    padding: 20px;
    text-align: left;
  }
  #marketplacePage .heroMediaContainer .mobileHeroCopy h1 {
    font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
    font-size: 32px;
    line-height: 43px;
  }
  #marketplacePage .heroMediaContainer .mobileHeroCopy p {
    font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    line-height: 24px;
  }
  #marketplacePage .heroMediaContainer .mobileHeroCopy .linkCta {
    display: block;
    font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
  }
  #marketplacePage .selectionBar {
    height: 141px;
    padding: 0 20px;
  }
  #marketplacePage .selectionBar .selectionBarRightBg {
    display: none;
  }
  #marketplacePage .selectionBar .selectionBarWrapper {
    padding: 14px 0;
  }
  #marketplacePage .selectionBar .selectionBarWrapper .media {
    margin: 0;
    padding: 0;
    height: auto;
  }
  #marketplacePage .selectionBar .selectionBarWrapper .media-left {
    display: block;
    max-width: 100%;
    padding-top: 0;
    padding-left: 0;
    margin-right: 0;
    font-size: 16px;
    text-align: left;
    line-height: 20px;
    width: 100%;
  }
  #marketplacePage .selectionBar .selectionBarWrapper .media-left p {
    max-width: 283px;
    line-height: 24px;
  }
  #marketplacePage .selectionBar .selectionBarWrapper .media-left p strong {
    font-size: 16px;
  }
  #marketplacePage .selectionBar .selectionBarWrapper .media-body {
    margin-left: 0;
    width: auto;
    padding-top: 16px;
    clear: left;
  }
  #marketplacePage .selectionBar .selectionBarWrapper .media-body .text {
    display: none;
  }
  #marketplacePage .selectionBar .selectionBarWrapper .media-body .selectField {
    margin-bottom: 0;
    width: 166px;
  }
  #marketplacePage .selectionBar .selectionBarWrapper .media-body .selectField .selectFieldLabel {
    font-size: 10px;
    font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
    line-height: 16px;
    color: #63778C;
    padding-left: 10px;
  }
  #marketplacePage .selectionBar .selectionBarWrapper .media-body .selectField .selectBox {
    width: 100%;
  }
  #marketplacePage .selectionBar .selectionBarWrapper .media-body .selectField .selectBox .selectBoxToggle {
    min-height: 27px;
  }
  #marketplacePage .selectionBar .selectionBarWrapper .media-body .selectField .selectBox .selectBoxToggle .selected {
    margin: 0;
    padding-left: 10px;
  }
  #marketplacePage .selectionBar .selectionBarWrapper .media-right {
    float: right;
    background-color: transparent;
    padding-top: 16px;
  }
  #marketplacePage .selectionBar .selectionBarWrapper .media-right .selectionBar-triangle {
    display: none;
  }
  #marketplacePage .selectionBar .selectionBarWrapper .media-right span {
    display: none;
  }
  #marketplacePage .selectionBar .selectionBarWrapper .media-right .addOnVacationPoints,
  #marketplacePage .selectionBar .selectionBarWrapper .media-right .addOnVacationYear {
    margin: 0;
    display: block;
    font-size: 10px;
    font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
    line-height: 16px;
    color: #77899F;
    text-align: left;
    width: 82px;
    text-transform: initial;
  }
  #marketplacePage .selectionBar .selectionBarWrapper .media-right .addOnVacationPoints strong,
  #marketplacePage .selectionBar .selectionBarWrapper .media-right .addOnVacationYear strong {
    font-size: 16px;
    color: #00233C;
    line-height: 24px;
  }
  #marketplacePage .selectionBar .selectionBarWrapper .media-right .addOnVacationPoints {
    margin-left: 0;
    width: 97px;
    padding-right: 25px;
  }
  #marketplacePage .selectionBar .selectionBarWrapper .media-right .addOnVacationYear {
    width: 52px;
  }
  #marketplacePage .selectionBar.docker .media-left {
    display: none;
  }
  #marketplacePage .selectionBar.docker .media-body, #marketplacePage .selectionBar.docker .media-right {
    padding-top: 0;
  }
  #marketplacePage .resortsContainer {
    padding: 20px 0 0;
  }
  #marketplacePage .resortsContainer h2 {
    font-size: 28px;
    line-height: 36px;
    max-width: 320px;
  }
  #marketplacePage .resortsContainer .disclosureMessaging {
    padding: 35px 20px 0;
  }
  #marketplacePage .resortsContainer .description {
    font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 32px;
  }
  #marketplacePage .resortsContainer h2,
  #marketplacePage .resortsContainer .description {
    padding: 0 20px;
  }
  #marketplacePage .resortsContainer .resortList .resortListItem {
    margin-bottom: 0;
    width: 100%;
  }
  #marketplacePage .resortsContainer .resortList .resortListItem .resortTile .resortImage {
    min-height: 210px;
  }
  #marketplacePage .resortsContainer .resortList .resortListItem .resortTile .resortImage .resortMoreDetail {
    font-size: 14px;
    line-height: 24px;
    padding: 10px 20px;
  }
  #marketplacePage .resortsContainer .resortList .resortListItem .resortTile .resortImage .resortMoreDetail .link {
    display: table;
  }
  #marketplacePage .resortsContainer .resortList .resortListItem .resortTile .resortImage .homeResortDetail {
    font-size: 11px;
    line-height: 16px;
    padding: 3px 10px;
    text-align: center;
  }
  #marketplacePage .resortsContainer .resortList .resortListItem .resortTile .resortImage .resortImageInner {
    height: 120px;
    width: 120px;
    position: relative;
    overflow: hidden;
    float: left;
  }
  #marketplacePage .resortsContainer .resortList .resortListItem .resortTile .resortImage .resortImageInner .img-responsive {
    height: 100%;
    width: auto;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    max-width: fit-content;
  }
  #marketplacePage .resortsContainer .resortList .resortListItem .resortTile .resortTileDetails {
    display: block;
    min-height: 138px;
    overflow: hidden;
  }
  #marketplacePage .resortsContainer .resortList .resortListItem .resortTile .resortTileDetails .pdf-items {
    margin-left: 0;
    margin-top: 5px;
    display: inline-block;
  }
  #marketplacePage .resortsContainer .resortList .resortListItem .resortTile .resortTileDetails .pdf-items > li {
    display: inline-block;
    margin: 1px -5px 0 -11px;
    padding-right: 22px;
  }
  #marketplacePage .resortsContainer .resortList .resortListItem .resortTile .resortTileDetails .pdf-items > li .link {
    margin-right: 0;
  }
  #marketplacePage .resortsContainer .resortList .resortListItem .resortTile .resortTileDetails h3 {
    font-size: 24px;
    line-height: 32px;
  }
  #marketplacePage .resortsContainer .resortList .resortListItem .resortTile .resortTileDetails .resortTileDetailsInner {
    display: table-cell;
    vertical-align: middle;
  }
  #marketplacePage .resortsContainer .resortList .resortListItem .resortTile .resortTileDetails .resortTileDetailsInner .pdf-items > li {
    display: inline-block;
  }
  #marketplacePage .resortsContainer .resortList .resortListItem .resortTile .detailToggle .link {
    border: 0;
  }
  #marketplacePage .resortsContainer .resortList .resortListItem .resortTile .detailToggle .link:hover {
    border: 0;
  }
  #marketplacePage .resortsContainer .resortsAvailableContainer {
    margin-bottom: 57px;
  }
  #marketplacePage .resortsContainer .resortsAvailableContainer .resortList .resortListItem {
    max-width: 100%;
  }
  #marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem {
    max-width: 100%;
    width: 100%;
  }
  #marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem.expanded .resortImageMain {
    margin-bottom: 0;
  }
  #marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem.expanded .resortImageMain .homeResortDetail {
    bottom: 0;
  }
  #marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem.expanded .resortTileDetails {
    border-bottom: 0;
  }
  #marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem.expanded .expandedDetails {
    padding: 0;
    margin: 0;
  }
  #marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile {
    padding-top: 20px;
  }
  #marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile .resortImageMain {
    position: absolute;
    right: 20px;
    height: 120px;
    width: 120px;
    border-radius: 5px;
    overflow: hidden;
    font-size: 10px;
    min-height: 120px;
    z-index: 1;
  }
  #marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile .resortImage .img-responsive.lazy {
    height: auto;
    width: auto;
  }
  #marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile .resortTileDetails {
    padding: 0;
    min-height: 182px;
    margin-top: -20px;
    display: block;
    position: relative;
  }
  #marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile .resortTileDetails .resortTileDetailsInner {
    padding: 20px 130px 0 0;
  }
  #marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile .resortTileDetails .resortTileDetailsInner .resortPricing {
    padding: 0;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 15px;
  }
  #marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile .resortTileDetails .resortTileDetailsInner .resortPricing .price {
    display: inline;
    font-weight: bold;
    font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  }
  #marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile .resortTileDetails .resortTileDetailsInner .resortPricing span {
    display: inline-block;
  }
  #marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile .resortTileDetails .resortTileDetailsInner .pointsChartLink {
    border: 0;
    padding-left: 0;
    margin-left: 0;
    display: block;
  }
  #marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile .resortTileDetails .resortTileDetailsInner .resortAdditionalDetails {
    margin-top: 11px;
    position: relative;
    height: 32px;
  }
  #marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile .resortTileDetails .resortTileDetailsInner .resortAdditionalDetails > div {
    position: absolute;
    display: block;
    height: 100%;
    width: 90vw;
  }
  #marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile .resortTileDetails .resortTileDetailsInner .resortAdditionalDetails > div span {
    line-height: 22px;
  }
  #marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile .resortTileDetails .resortTileDetailsInner .resortAdditionalDetails .contractExpires strong {
    display: inline-block;
  }
  #marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile .resortTileDetails h3 {
    font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
    font-size: 18px;
    line-height: 24px;
    min-height: auto;
    margin-bottom: 10px;
  }
  #marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile .resortTileDetails .pdf-items {
    margin-left: 7px;
  }
  #marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile .resortTileDetails .pdf-items li {
    border-left: 1px solid #D0D7DE;
    padding-left: 12px;
    padding-right: 6px;
    padding-top: 0px;
  }
  #marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner {
    border-radius: 5px;
    min-height: 100px;
    overflow: hidden;
    border-top: 1px solid #C6C6C6;
  }
  #marketplacePage .resortsContainer .limitedResortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .requestDetail {
    padding: 0 0 10px;
  }
  #marketplacePage .resortsContainer .resortList {
    display: block;
  }
  #marketplacePage .resortsContainer .resortList .resortListItem {
    max-width: 100%;
    border-top: 10px solid #ECF1F4;
  }
  #marketplacePage .resortsContainer .resortList .resortListItem:last-child {
    border-bottom: 10px solid #ECF1F4;
  }
  #marketplacePage .resortsContainer .resortList .resortListItem.expanded .resortTile .expandedDetails {
    border: 0;
  }
  #marketplacePage .resortsContainer .resortList .resortListItem .resortTile {
    box-shadow: none;
  }
  #marketplacePage .resortsContainer .resortList .resortListItem .resortTile .resortTileDetails {
    padding-bottom: 15px;
    margin: 0 20px;
    padding: 33px 0 25px;
  }
  #marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails {
    margin: -1px 0 0;
    border: 0;
    padding: 0;
    background: #FFFFFF;
  }
  #marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInfo {
    border-left: 1px solid #C6C6C6;
    border-right: 1px solid #C6C6C6;
    border-top: 1px solid #C6C6C6;
    margin: 0 20px;
    background: #F7F9FC;
    padding: 20px 20px 0;
    max-width: 100%;
  }
  #marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .specialOfferAlert {
    background: #F7F9FC;
    width: 100%;
    font-size: 16px;
  }
  #marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner {
    border-left: 1px solid #C6C6C6;
    border-right: 1px solid #C6C6C6;
    border-bottom: 1px solid #C6C6C6;
    margin: 0 20px;
    background: #F7F9FC;
    padding: 20px;
    max-width: 100%;
  }
  #marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .requestDetail {
    padding: 5px 0 10px;
    max-width: 100%;
  }
  #marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .requestDetail .title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 13px;
  }
  #marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .requestDetail .instruction {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 22px;
  }
  #marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .requestDetail .btn {
    font-size: 16px;
    line-height: 24px;
    max-width: 100%;
  }
  #marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .pointPackageDetails {
    padding: 0;
    margin-bottom: 11px;
  }
  #marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .pointPackageDetails .calcDetails {
    margin-bottom: 27px;
  }
  #marketplacePage .resortsContainer .resortList .resortListItem .resortTile .expandedDetails .expandedDetailsInner .pointPackageDetails .detailCost .monthlyDues {
    display: block;
    line-height: 14px;
  }
  #marketplacePage .resortsContainer .getStartedSection {
    padding: 0 20px;
  }
  #marketplacePage .resortsContainer .getStartedSection .getStartedContainer {
    padding: 20px;
    position: relative;
  }
  #marketplacePage .resortsContainer .getStartedSection .getStartedContainer .media-left {
    display: block;
    margin: 0;
    position: absolute;
    top: 25px;
    left: 11px;
  }
  #marketplacePage .resortsContainer .getStartedSection .getStartedContainer .media-left .calc-icon {
    width: 18px;
  }
  #marketplacePage .resortsContainer .getStartedSection .getStartedContainer .media-body {
    display: block;
  }
  #marketplacePage .resortsContainer .getStartedSection .getStartedContainer .media-body .getStartedContent {
    margin-left: 0;
    padding-right: 0;
  }
  #marketplacePage .resortsContainer .getStartedSection .getStartedContainer .media-body .getStartedContent h3 {
    margin-left: 35px;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 15px;
  }
  #marketplacePage .resortsContainer .getStartedSection .getStartedContainer .media-body .getStartedContent p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  #marketplacePage .resortsContainer .getStartedSection .getStartedContainer .media-right {
    display: block;
    margin: 0;
  }
  #marketplacePage .resortsContainer .getStartedSection .getStartedContainer .media-right .getStartedButton {
    width: 100%;
    margin: 0;
    font-size: 16px;
    line-height: 24px;
  }
  #marketplacePage .disclaimerContainer .disclaimerContent {
    padding: 29px 0 32px;
    border-bottom: 1px solid #C6C6C6;
  }
  #marketplacePage .decisionButtonContainer {
    text-align: left;
    margin-top: 59px;
    margin-bottom: 0;
  }
  #marketplacePage .decisionButtonContainer .decisionButtonItemContainer {
    width: 100%;
    margin-bottom: 20px;
  }
  #marketplacePage .decisionButtonContainer .decisionButtonItemContainer .decisionButtonItemContents {
    padding: 20px 20px 30px;
    min-height: 267px;
    max-width: 100%;
  }
  #marketplacePage .decisionButtonContainer .decisionButtonItemContainer .decisionButtonItemContents h2 {
    font-size: 24px;
    line-height: 32px;
    margin-top: 0;
    margin-bottom: 10px;
  }
  #marketplacePage .decisionButtonContainer .decisionButtonItemContainer .decisionButtonItemContents p {
    font-size: 16px;
  }
  #marketplacePage .decisionButtonContainer .decisionButtonItemContainer .decisionButtonItemContents .link {
    font-size: 16px;
    text-decoration: underline;
  }
  #marketplacePage .decisionButtonContainer .decisionButtonItemContainer > .link {
    text-decoration: none;
  }
}

/* Fonts */
/* colors */
/* border colors */
/* background color */
/* mixins */
#marketplacePage .radioButtonWrapper,
#marketplaceReviewPage .radioButtonWrapper {
  list-style: none;
  position: relative;
  vertical-align: middle;
  height: 35px;
  display: inline-flex;
}

#marketplacePage .radioButtonWrapper .radioButton,
#marketplaceReviewPage .radioButtonWrapper .radioButton {
  position: relative;
  z-index: 5;
  height: 20px;
  margin: 0;
  width: 20px;
  clip: rect(0, 0, 0, 0);
  opacity: 0;
  cursor: pointer;
}

#marketplacePage .radioButtonWrapper .radioButton + .icon__radio,
#marketplaceReviewPage .radioButtonWrapper .radioButton + .icon__radio {
  height: 20px;
  width: 20px;
  position: absolute;
  left: -23.5px;
  top: 0;
}

#marketplacePage .radioButtonWrapper .radioButton + .icon__radio:before,
#marketplaceReviewPage .radioButtonWrapper .radioButton + .icon__radio:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 23.5px;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid #A1AFC0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

#marketplacePage .radioButtonWrapper .radioButton + .icon__radio:after,
#marketplaceReviewPage .radioButtonWrapper .radioButton + .icon__radio:after {
  position: absolute;
  z-index: 3;
  content: "";
  top: 0;
  left: 20px;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  box-sizing: content-box;
  background: transparent;
}

#marketplacePage .radioButtonWrapper .radioButton:checked + .icon__radio:before,
#marketplaceReviewPage .radioButtonWrapper .radioButton:checked + .icon__radio:before {
  border: 6px solid #61941B;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: transparent;
}

#marketplacePage .radioButtonWrapper .radioButton:focus + .icon__radio::before,
#marketplaceReviewPage .radioButtonWrapper .radioButton:focus + .icon__radio::before {
  outline: #000000 dotted 1px;
  outline-offset: 0;
}

#marketplacePage .radioButtonWrapper .radioButtonLabel,
#marketplaceReviewPage .radioButtonWrapper .radioButtonLabel {
  margin-left: 7px;
  font-weight: 100;
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 19px;
  cursor: pointer;
}

#marketplacePage input[type="checkbox"].inputCheckbox,
#marketplaceReviewPage input[type="checkbox"].inputCheckbox {
  position: absolute;
  height: 20px;
  width: 20px;
  margin: 0;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
}

#marketplacePage input[type="checkbox"].inputCheckbox + .icon__checkbox,
#marketplaceReviewPage input[type="checkbox"].inputCheckbox + .icon__checkbox {
  position: relative;
  top: -16px;
}

#marketplacePage input[type="checkbox"].inputCheckbox + .icon__checkbox:before,
#marketplaceReviewPage input[type="checkbox"].inputCheckbox + .icon__checkbox:before {
  content: "";
  background: #FFFFFF;
  border: 2px solid #A1AFC0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#marketplacePage input[type="checkbox"].inputCheckbox + .icon__checkbox:after,
#marketplaceReviewPage input[type="checkbox"].inputCheckbox + .icon__checkbox:after {
  color: #FFFFFF;
  content: "\e241";
  font-size: 15px;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 3px;
  left: 1px;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.2s;
  transform: scale(0);
}

#marketplacePage input[type="checkbox"].inputCheckbox:checked + .icon__checkbox:before,
#marketplaceReviewPage input[type="checkbox"].inputCheckbox:checked + .icon__checkbox:before {
  background: #61941B;
  border: 2px solid #61941B;
}

#marketplacePage input[type="checkbox"].inputCheckbox:checked + .icon__checkbox:after,
#marketplaceReviewPage input[type="checkbox"].inputCheckbox:checked + .icon__checkbox:after {
  opacity: 1;
  transform: scale(1);
}

#marketplacePage input[type="checkbox"].inputCheckbox:focus + .dvcss-pepmdxicon:before,
#marketplaceReviewPage input[type="checkbox"].inputCheckbox:focus + .dvcss-pepmdxicon:before {
  border: 2px solid #61941B;
}

#marketplacePage .btn-primary,
#marketplaceReviewPage .btn-primary {
  color: #FFFFFF;
  background: #0079BC;
  border: 2px solid #0079BC;
}

#marketplacePage .btn-primary:hover, #marketplacePage .btn-primary:focus,
#marketplaceReviewPage .btn-primary:hover,
#marketplaceReviewPage .btn-primary:focus {
  background: #003F54;
  border: 2px solid #003F54;
}

#marketplacePage .btn-primary:active,
#marketplaceReviewPage .btn-primary:active {
  background: #00233C;
  border: 2px solid #00233C;
}

#marketplacePage .btn-primary.disabled,
#marketplaceReviewPage .btn-primary.disabled {
  background: #BBE0F3;
  border: 2px solid #BBE0F3;
  opacity: 1;
}

#marketplacePage .btn-secondary,
#marketplaceReviewPage .btn-secondary {
  color: #0079BC;
  background: #FFFFFF;
  border: 2px solid #0079BC;
}

#marketplacePage .btn-secondary:hover, #marketplacePage .btn-secondary:focus,
#marketplaceReviewPage .btn-secondary:hover,
#marketplaceReviewPage .btn-secondary:focus {
  color: #FFFFFF;
  background: #003F54;
  border: 2px solid #003F54;
}

#marketplacePage .btn-secondary:active,
#marketplaceReviewPage .btn-secondary:active {
  background: #00233C;
  border: 2px solid #00233C;
}

#marketplacePage .btn-secondary.disabled,
#marketplaceReviewPage .btn-secondary.disabled {
  color: #BBE0F3;
  background: #FFFFFF;
  border: 2px solid #BBE0F3;
  opacity: 1;
}

#marketplacePage .btn-transactional,
#marketplaceReviewPage .btn-transactional {
  color: #FFFFFF;
  background: #61941B;
  border: 2px solid #61941B;
}

#marketplacePage .btn-transactional:hover, #marketplacePage .btn-transactional:focus,
#marketplaceReviewPage .btn-transactional:hover,
#marketplaceReviewPage .btn-transactional:focus {
  background: #58831B;
  border: 2px solid #58831B;
}

#marketplacePage .btn-transactional:active,
#marketplaceReviewPage .btn-transactional:active {
  background: #33490F;
  border: 2px solid #33490F;
}

#marketplacePage .btn-transactional.disabled,
#marketplaceReviewPage .btn-transactional.disabled {
  background: #D6E5BA;
  border: 2px solid #D6E5BA;
  opacity: 1;
}

#marketplaceReviewPage .resortImageContainer .img {
  width: 100%;
}

#marketplaceReviewPage .reviewDetailsContainer {
  max-width: 1240px;
  padding: 60px 20px 0;
  margin: 0 auto;
  text-align: left;
}

#marketplaceReviewPage .reviewDetailsContainer h1 {
  font-family: "Avenir-light", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 42px;
  line-height: 48px;
  margin-bottom: 43px;
}

#marketplaceReviewPage .reviewDetailsContainer .subhead {
  margin-bottom: 37px;
}

#marketplaceReviewPage .reviewDetailsContainer .subhead .media-left {
  font-size: 50px;
}

#marketplaceReviewPage .reviewDetailsContainer .subhead .media-body {
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 24px;
  line-height: 32px;
  max-width: 695px;
}

#marketplaceReviewPage .reviewDetailsContainer h2 {
  font-family: "Avenir-black", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  line-height: 28px;
}

#marketplaceReviewPage .reviewDetailsContainer .contractDetails {
  border-top: 1px solid #A5B3C3;
  position: relative;
  padding-top: 28px;
  padding-bottom: 20px;
}

#marketplaceReviewPage .reviewDetailsContainer .contractDetails .link {
  margin-left: 24px;
  margin-top: 3px;
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

#marketplaceReviewPage .reviewDetailsContainer .contractDetails h2 {
  float: left;
}

#marketplaceReviewPage .reviewDetailsContainer .contractDetails .contractDetailItem {
  clear: both;
}

#marketplaceReviewPage .reviewDetailsContainer .contractDetails .contractDetailItem .resortName {
  font-family: "Avenir-light", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 17px;
  padding-right: 130px;
}

#marketplaceReviewPage .reviewDetailsContainer .contractDetails .contractDetailItem .useYear,
#marketplaceReviewPage .reviewDetailsContainer .contractDetails .contractDetailItem .contractExpires {
  margin-bottom: 10px;
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  color: #00233C;
  line-height: 24px;
}

#marketplaceReviewPage .reviewDetailsContainer .contractDetails .contractDetailItem .useYear span,
#marketplaceReviewPage .reviewDetailsContainer .contractDetails .contractDetailItem .contractExpires span {
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
}

#marketplaceReviewPage .reviewDetailsContainer .contractDetails .ptsDetail {
  text-align: right;
  font-family: "Avenir-medium", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 36px;
  text-align: right;
  line-height: 42px;
  position: absolute;
  top: 72px;
  right: 0;
  max-width: 135px;
}

#marketplaceReviewPage .reviewDetailsContainer .contractDetails .ptsDetail span {
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  display: block;
}

#marketplaceReviewPage .reviewDetailsContainer .memberInfoDetails {
  border-top: 1px solid #A5B3C3;
  padding-top: 28px;
  padding-bottom: 19px;
}

#marketplaceReviewPage .reviewDetailsContainer .memberInfoDetails .memberId {
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 13px;
}

#marketplaceReviewPage .reviewDetailsContainer .memberInfoDetails .memberId span {
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
}

#marketplaceReviewPage .reviewDetailsContainer .memberInfoDetails .memberName {
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 7px;
}

#marketplaceReviewPage .reviewDetailsContainer .memberInfoDetails .memberAddress,
#marketplaceReviewPage .reviewDetailsContainer .memberInfoDetails .memberEmail {
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 10px;
}

#marketplaceReviewPage .reviewDetailsContainer .contactInfoDetails {
  border-top: 1px solid #A5B3C3;
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 24px;
  padding-top: 23px;
}

#marketplaceReviewPage .reviewDetailsContainer .contactInfoDetails .description {
  max-width: 707px;
}

#marketplaceReviewPage .reviewDetailsContainer .contactInfoDetails .phoneNumberContainer.phoneError .lblPhoneNumber,
#marketplaceReviewPage .reviewDetailsContainer .contactInfoDetails .phoneNumberContainer.phoneError .textbox {
  color: #FF4605;
}

#marketplaceReviewPage .reviewDetailsContainer .contactInfoDetails .phoneNumberContainer.phoneError .textbox {
  border-bottom: 2px solid #FF4605;
}

#marketplaceReviewPage .reviewDetailsContainer .contactInfoDetails .lblPhoneNumber {
  color: #78899E;
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  display: table;
  line-height: 16px;
  margin-left: 10px;
}

#marketplaceReviewPage .reviewDetailsContainer .contactInfoDetails .textbox {
  border: 0;
  border-bottom: 2px solid #A1AFC0;
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  color: #00233C;
  line-height: 24px;
  background: none;
  padding: 5px 0;
  width: 100%;
  margin-bottom: 24px;
  margin-top: 2px;
  max-width: 240px;
  padding-left: 10px;
}

#marketplaceReviewPage .reviewDetailsContainer .contactInfoDetails .textbox::-ms-clear {
  display: none;
}

#marketplaceReviewPage .reviewDetailsContainer .paymentEstimateContainer {
  border-top: 1px solid #A5B3C3;
  padding-top: 28px;
  margin-bottom: 3px;
}

#marketplaceReviewPage .reviewDetailsContainer .paymentEstimateContainer .description {
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 24px;
  max-width: 707px;
  margin-bottom: 15px;
  color: #00233C;
}

#marketplaceReviewPage .reviewDetailsContainer .paymentEstimateContainer .requestFinanceSelection {
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 24px;
  padding-left: 5px;
  position: relative;
  margin-bottom: 26px;
}

#marketplaceReviewPage .reviewDetailsContainer .paymentEstimateContainer .requestFinanceSelection .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 997;
  background: rgba(247, 249, 252, 0.6);
}

#marketplaceReviewPage .reviewDetailsContainer .paymentEstimateContainer .requestFinanceSelection .financing {
  margin-bottom: 4px;
}

#marketplaceReviewPage .reviewDetailsContainer .paymentEstimateContainer .requestFinanceSelection .financeOptions .radioButtonLabel {
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 24px;
}

#marketplaceReviewPage .reviewDetailsContainer .paymentEstimateContainer .requestFinanceSelection .financeOptionItems .financeDetail {
  margin-left: 30px;
  margin-bottom: 20px;
  max-width: 671px;
}

#marketplaceReviewPage .reviewDetailsContainer .paymentEstimateContainer .requestFinanceSelection .financeOptionItems .financeRates {
  margin-left: 29px;
  margin-bottom: 20px;
}

#marketplaceReviewPage .reviewDetailsContainer .paymentEstimateContainer .requestFinanceSelection .financeOptionItems .financeRates .radioButtonWrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  margin-bottom: 12px;
}

#marketplaceReviewPage .reviewDetailsContainer .paymentEstimateContainer .requestFinanceSelection .financeOptionItems .financeRates .radioButtonWrapper .radioOption {
  position: relative;
  display: inline;
}

#marketplaceReviewPage .reviewDetailsContainer .paymentEstimateContainer .requestFinanceSelection .financeOptionItems .financeRates .radioButtonLabel {
  display: inline;
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  margin-left: 16px;
  font-size: 16px;
  line-height: 24px;
}

#marketplaceReviewPage .reviewDetailsContainer .paymentEstimateContainer .requestFinanceSelection .financeOptionItems .financeRates .radioButtonLabel .downpayment {
  display: inline-block;
  min-width: 230px;
}

#marketplaceReviewPage .reviewDetailsContainer .paymentEstimateContainer .requestFinanceSelection .financeOptionItems .financeRates .monthlyPayment {
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  line-height: 24px;
  color: #64778B;
  display: inline-block;
  white-space: normal;
  word-wrap: break-word;
  margin-left: 15px;
}

#marketplaceReviewPage .reviewDetailsContainer .paymentEstimateReviewContainer {
  background: #EEF9FE;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 39px 20px 0;
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  position: relative;
  min-height: 150px;
}

#marketplaceReviewPage .reviewDetailsContainer .paymentEstimateReviewContainer .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 997;
  background: rgba(247, 249, 252, 0.6);
}

#marketplaceReviewPage .reviewDetailsContainer .paymentEstimateReviewContainer .overlay img {
  margin: 0 auto;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}

#marketplaceReviewPage .reviewDetailsContainer .paymentEstimateReviewContainer h2 {
  margin-bottom: 27px;
}

#marketplaceReviewPage .reviewDetailsContainer .paymentEstimateReviewContainer ul {
  list-style: none;
  margin: 0;
  padding-left: 60px;
}

#marketplaceReviewPage .reviewDetailsContainer .paymentEstimateReviewContainer ul .rowItem {
  margin-bottom: 16px;
}

#marketplaceReviewPage .reviewDetailsContainer .paymentEstimateReviewContainer ul .rowItem .lblItem {
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

#marketplaceReviewPage .reviewDetailsContainer .paymentEstimateReviewContainer ul .rowItem .lblItem span {
  color: #64778B;
  display: block;
}

#marketplaceReviewPage .reviewDetailsContainer .paymentEstimateReviewContainer ul .rowItem .lblAmt {
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  text-align: right;
  line-height: 20px;
  float: right;
}

#marketplaceReviewPage .reviewDetailsContainer .paymentEstimateReviewContainer .estimateCost {
  border-bottom: 1px solid #CDCDCD;
  padding-bottom: 13px;
}

#marketplaceReviewPage .reviewDetailsContainer .paymentEstimateReviewContainer .estimateCost .specialOffer {
  margin-left: -25px;
}

#marketplaceReviewPage .reviewDetailsContainer .paymentEstimateReviewContainer .estimateCost .specialOffer .lblItem,
#marketplaceReviewPage .reviewDetailsContainer .paymentEstimateReviewContainer .estimateCost .specialOffer .lblAmt {
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  color: #61941B;
  font-size: 16px;
  line-height: 20px;
}

#marketplaceReviewPage .reviewDetailsContainer .paymentEstimateReviewContainer .estimateCost .specialOffer .lblItem span {
  color: #61941B;
  display: inline;
}

#marketplaceReviewPage .reviewDetailsContainer .paymentEstimateReviewContainer .estimateCost .specialOfferAlertDetails {
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  color: #5e8600;
  font-size: 16px;
}

#marketplaceReviewPage .reviewDetailsContainer .paymentEstimateReviewContainer .subEstimateCost {
  border-bottom: 1px solid #CDCDCD;
  padding: 28px 0 14px;
}

#marketplaceReviewPage .reviewDetailsContainer .paymentEstimateReviewContainer .subEstimateCost .divider {
  text-align: right;
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 20px;
  display: inline-block;
  width: 100%;
}

#marketplaceReviewPage .reviewDetailsContainer .paymentEstimateReviewContainer .subEstimateCost ul .rowItem {
  margin-bottom: 26px;
}

#marketplaceReviewPage .reviewDetailsContainer .paymentEstimateReviewContainer .subEstimateCost ul .rowItem.financingFrom {
  margin-bottom: 16px;
}

#marketplaceReviewPage .reviewDetailsContainer .paymentEstimateReviewContainer .subEstimateCost ul .rowItem.financingFrom::after {
  content: '';
  display: table;
  width: 100%;
}

#marketplaceReviewPage .reviewDetailsContainer .paymentEstimateReviewContainer .subEstimateCost ul .rowItem.divider {
  margin-bottom: 17px;
}

#marketplaceReviewPage .reviewDetailsContainer .paymentEstimateReviewContainer .subEstimateCost ul .rowItem .lblItem {
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 20px;
}

#marketplaceReviewPage .reviewDetailsContainer .paymentEstimateReviewContainer .subEstimateCost ul .rowItem .lblAmt {
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 30px;
  line-height: 32px;
}

#marketplaceReviewPage .reviewDetailsContainer .paymentEstimateReviewContainer .subEstimateCost ul .rowItem .lblAmt span {
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  text-align: right;
  line-height: 16px;
  display: block;
  max-width: 126px;
  margin-top: 10px;
}

#marketplaceReviewPage .reviewDetailsContainer .paymentEstimateReviewContainer .recurringCost {
  padding: 28px 0 23px;
}

#marketplaceReviewPage .reviewDetailsContainer .paymentEstimateReviewContainer .recurringCost ul .rowItem .lblItem {
  font-size: 16px;
  line-height: 20px;
}

#marketplaceReviewPage .reviewDetailsContainer .paymentEstimateReviewContainer .recurringCost ul .rowItem .lblAmt span {
  color: #64778B;
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
}

#marketplaceReviewPage .reviewDetailsContainer .termsContainer {
  padding: 39px 0 0;
  margin-bottom: 79px;
}

#marketplaceReviewPage .reviewDetailsContainer .termsContainer .description {
  text-align: right;
  max-width: 626px;
  clear: both;
  margin-bottom: 31px;
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 24px;
  float: right;
}

#marketplaceReviewPage .reviewDetailsContainer .termsContainer .termsAgreementContainer {
  clear: both;
  margin-bottom: 31px;
  display: block;
  border-bottom: 1px solid #A5B3C3;
  overflow: hidden;
  padding-bottom: 21px;
}

#marketplaceReviewPage .reviewDetailsContainer .termsContainer .termsAgreementContainer .checkboxWrapper {
  float: right;
}

#marketplaceReviewPage .reviewDetailsContainer .termsContainer .btnsContainer {
  width: 100%;
  clear: both;
}

#marketplaceReviewPage .reviewDetailsContainer .termsContainer .btnsContainer .btnCancel {
  width: auto;
  min-width: 166px;
}

#marketplaceReviewPage .reviewDetailsContainer .termsContainer .btnsContainer .btnSubmit {
  float: right;
  width: auto;
  min-width: 210px;
}

#marketplaceReviewPage .reviewDetailsContainer .checkboxWrapper {
  position: relative;
  display: inline-block;
  margin-bottom: 18px;
}

#marketplaceReviewPage .reviewDetailsContainer .checkboxWrapper input[type=checkbox].inputCheckbox:hover + .icon__checkbox:before, #marketplaceReviewPage .reviewDetailsContainer .checkboxWrapper input[type=checkbox].inputCheckbox:focus + .icon__checkbox:before {
  border: 2px solid #58831B;
}

#marketplaceReviewPage .reviewDetailsContainer .checkboxWrapper input[type=checkbox].inputCheckbox + .icon__checkbox {
  position: relative;
  top: -13px;
}

#marketplaceReviewPage .reviewDetailsContainer .checkboxWrapper .checkbox {
  display: table-cell;
  cursor: pointer;
  padding-left: 10px;
  font-size: 16px;
  line-height: 24px;
  font-family: Avenir-Roman;
}

#marketplaceReviewPage .reviewDetailsContainer .checkboxWrapper .btnCheckbox {
  position: relative;
  display: table-cell;
  min-width: 20px;
  vertical-align: top;
}

#marketplaceReviewPage .reviewDetailsContainer .checkboxWrapper .lblCheckbox {
  color: #00233C;
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 24px;
  display: table-cell;
  padding-left: 9px;
  cursor: pointer;
}

#marketplaceReviewPage .reviewDetailsContainer .btn {
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 20px;
  max-width: 360px;
  border-radius: 4px;
  width: 100%;
  padding: 10px 20px;
}

#marketplaceReviewPage .reviewDetailsContainer .infoDisclosure {
  padding: 0 20px 20px;
}

#marketplaceReviewPage .reviewDetailsContainer .infoDisclosure > div {
  margin: 0 -20px;
  text-align: left;
}

#marketplaceReviewPage .disclaimerContainer {
  font-family: "Avenir-light", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 19px;
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1240px;
}

#marketplaceReviewPage .disclaimerContainer .disclaimerContent {
  border-top: 1px solid #C6C6C6;
  padding: 29px 0 44px;
  text-align: left;
}

#marketplaceReviewPage .dvcss-pepmdxicon {
  visibility: visible !important;
}

@media screen and (width: 768px) {
  #marketplaceReviewPage .reviewDetailsContainer .contractDetails .contractDetailItem .resortName {
    max-width: 100%;
  }
}

/* Mobile only */
@media screen and (max-width: 767px) {
  #marketplaceReviewPage .reviewDetailsContainer {
    padding: 35px 20px 0;
  }
  #marketplaceReviewPage .reviewDetailsContainer h1 {
    font-family: "Avenir-light", "Avenir", "Helvetica", "Arial", sans-serif;
    font-size: 32px;
    line-height: 43px;
  }
  #marketplaceReviewPage .reviewDetailsContainer .subhead .media-left {
    font-size: 30px;
    margin-right: 12px;
  }
  #marketplaceReviewPage .reviewDetailsContainer .subhead .media-body {
    font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    line-height: 24px;
  }
  #marketplaceReviewPage .reviewDetailsContainer .contractDetails {
    margin: 0 -20px;
    padding: 28px 20px 20px;
  }
  #marketplaceReviewPage .reviewDetailsContainer .contractDetails .link {
    margin-left: 28px;
  }
  #marketplaceReviewPage .reviewDetailsContainer .contractDetails .contractDetailItem .resortName {
    font-size: 20px;
    line-height: 28px;
    padding-right: 130px;
  }
  #marketplaceReviewPage .reviewDetailsContainer .contractDetails .ptsDetail {
    right: 20px;
  }
  #marketplaceReviewPage .reviewDetailsContainer .memberInfoDetails {
    margin: 0 -20px;
    padding: 28px 20px 19px;
  }
  #marketplaceReviewPage .reviewDetailsContainer .contactInfoDetails {
    margin: 0 -20px;
    padding: 23px 20px 0;
  }
  #marketplaceReviewPage .reviewDetailsContainer .paymentEstimateContainer {
    margin: 0 -20px 18px;
    padding: 28px 20px 0;
  }
  #marketplaceReviewPage .reviewDetailsContainer .paymentEstimateContainer .description {
    margin-bottom: 5px;
  }
  #marketplaceReviewPage .reviewDetailsContainer .paymentEstimateContainer .requestFinanceSelection {
    margin-bottom: 0;
  }
  #marketplaceReviewPage .reviewDetailsContainer .paymentEstimateContainer .requestFinanceSelection .financeOptionItems .financeRates {
    margin-bottom: 0px;
  }
  #marketplaceReviewPage .reviewDetailsContainer .paymentEstimateContainer .requestFinanceSelection .financeOptionItems .financeRates .radioButtonWrapper {
    margin-bottom: 14px;
    display: inline-block;
    width: 100%;
    height: 100%;
  }
  #marketplaceReviewPage .reviewDetailsContainer .paymentEstimateContainer .requestFinanceSelection .financeOptionItems .financeRates .radioButtonWrapper .radioButtonLabel {
    margin-left: 11px;
  }
  #marketplaceReviewPage .reviewDetailsContainer .paymentEstimateContainer .requestFinanceSelection .financeOptionItems .financeRates .radioButtonWrapper .radioButtonLabel > span {
    margin-top: 10px;
    display: inline-block;
    margin-left: 0;
  }
  #marketplaceReviewPage .reviewDetailsContainer .paymentEstimateContainer .requestFinanceSelection .financeOptionItems .financeRates .radioButtonWrapper .monthlyPayment {
    padding-left: 18px;
    margin-top: 5px;
    display: inline-block;
    width: 100%;
    white-space: normal;
    word-wrap: break-word;
    margin-left: 0;
    padding-left: 39px;
  }
  #marketplaceReviewPage .reviewDetailsContainer .paymentEstimateReviewContainer {
    margin: 0 -20px;
    padding: 29px 20px 0;
  }
  #marketplaceReviewPage .reviewDetailsContainer .paymentEstimateReviewContainer h2 {
    margin-bottom: 29px;
  }
  #marketplaceReviewPage .reviewDetailsContainer .paymentEstimateReviewContainer ul {
    padding-left: 0;
  }
  #marketplaceReviewPage .reviewDetailsContainer .paymentEstimateReviewContainer .estimateCost .specialOffer {
    margin-left: 0;
  }
  #marketplaceReviewPage .reviewDetailsContainer .paymentEstimateReviewContainer .estimateCost .specialOffer .lblItem span {
    display: block;
    margin-left: 25px;
    max-width: 185px;
  }
  #marketplaceReviewPage .reviewDetailsContainer .termsContainer .description {
    text-align: left;
  }
  #marketplaceReviewPage .reviewDetailsContainer .termsContainer .termsAgreementContainer {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 10px;
  }
  #marketplaceReviewPage .reviewDetailsContainer .termsContainer .termsAgreementContainer .checkboxWrapper {
    float: none;
  }
  #marketplaceReviewPage .reviewDetailsContainer .termsContainer .btnsContainer .btn {
    width: 100%;
    margin-bottom: 10px;
    max-width: 100%;
  }
  #marketplaceReviewPage .reviewDetailsContainer .termsContainer .btnsContainer .btn .btnSubmit {
    float: none;
  }
  #marketplaceReviewPage .reviewDetailsContainer .infoDisclosure {
    margin: 0 -20px;
  }
  #marketplaceReviewPage .reviewDetailsContainer .infoDisclosure > div {
    margin: 0;
  }
}

/* Fonts */
/* colors */
/* border colors */
/* background color */
/* mixins */
#marketplacePage .radioButtonWrapper,
#marketplaceReviewPage .radioButtonWrapper {
  list-style: none;
  position: relative;
  vertical-align: middle;
  height: 35px;
  display: inline-flex;
}

#marketplacePage .radioButtonWrapper .radioButton,
#marketplaceReviewPage .radioButtonWrapper .radioButton {
  position: relative;
  z-index: 5;
  height: 20px;
  margin: 0;
  width: 20px;
  clip: rect(0, 0, 0, 0);
  opacity: 0;
  cursor: pointer;
}

#marketplacePage .radioButtonWrapper .radioButton + .icon__radio,
#marketplaceReviewPage .radioButtonWrapper .radioButton + .icon__radio {
  height: 20px;
  width: 20px;
  position: absolute;
  left: -23.5px;
  top: 0;
}

#marketplacePage .radioButtonWrapper .radioButton + .icon__radio:before,
#marketplaceReviewPage .radioButtonWrapper .radioButton + .icon__radio:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 23.5px;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid #A1AFC0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

#marketplacePage .radioButtonWrapper .radioButton + .icon__radio:after,
#marketplaceReviewPage .radioButtonWrapper .radioButton + .icon__radio:after {
  position: absolute;
  z-index: 3;
  content: "";
  top: 0;
  left: 20px;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  box-sizing: content-box;
  background: transparent;
}

#marketplacePage .radioButtonWrapper .radioButton:checked + .icon__radio:before,
#marketplaceReviewPage .radioButtonWrapper .radioButton:checked + .icon__radio:before {
  border: 6px solid #61941B;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: transparent;
}

#marketplacePage .radioButtonWrapper .radioButton:focus + .icon__radio::before,
#marketplaceReviewPage .radioButtonWrapper .radioButton:focus + .icon__radio::before {
  outline: #000000 dotted 1px;
  outline-offset: 0;
}

#marketplacePage .radioButtonWrapper .radioButtonLabel,
#marketplaceReviewPage .radioButtonWrapper .radioButtonLabel {
  margin-left: 7px;
  font-weight: 100;
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 19px;
  cursor: pointer;
}

#marketplacePage input[type="checkbox"].inputCheckbox,
#marketplaceReviewPage input[type="checkbox"].inputCheckbox {
  position: absolute;
  height: 20px;
  width: 20px;
  margin: 0;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
}

#marketplacePage input[type="checkbox"].inputCheckbox + .icon__checkbox,
#marketplaceReviewPage input[type="checkbox"].inputCheckbox + .icon__checkbox {
  position: relative;
  top: -16px;
}

#marketplacePage input[type="checkbox"].inputCheckbox + .icon__checkbox:before,
#marketplaceReviewPage input[type="checkbox"].inputCheckbox + .icon__checkbox:before {
  content: "";
  background: #FFFFFF;
  border: 2px solid #A1AFC0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#marketplacePage input[type="checkbox"].inputCheckbox + .icon__checkbox:after,
#marketplaceReviewPage input[type="checkbox"].inputCheckbox + .icon__checkbox:after {
  color: #FFFFFF;
  content: "\e241";
  font-size: 15px;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 3px;
  left: 1px;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.2s;
  transform: scale(0);
}

#marketplacePage input[type="checkbox"].inputCheckbox:checked + .icon__checkbox:before,
#marketplaceReviewPage input[type="checkbox"].inputCheckbox:checked + .icon__checkbox:before {
  background: #61941B;
  border: 2px solid #61941B;
}

#marketplacePage input[type="checkbox"].inputCheckbox:checked + .icon__checkbox:after,
#marketplaceReviewPage input[type="checkbox"].inputCheckbox:checked + .icon__checkbox:after {
  opacity: 1;
  transform: scale(1);
}

#marketplacePage input[type="checkbox"].inputCheckbox:focus + .dvcss-pepmdxicon:before,
#marketplaceReviewPage input[type="checkbox"].inputCheckbox:focus + .dvcss-pepmdxicon:before {
  border: 2px solid #61941B;
}

#marketplacePage .btn-primary,
#marketplaceReviewPage .btn-primary {
  color: #FFFFFF;
  background: #0079BC;
  border: 2px solid #0079BC;
}

#marketplacePage .btn-primary:hover, #marketplacePage .btn-primary:focus,
#marketplaceReviewPage .btn-primary:hover,
#marketplaceReviewPage .btn-primary:focus {
  background: #003F54;
  border: 2px solid #003F54;
}

#marketplacePage .btn-primary:active,
#marketplaceReviewPage .btn-primary:active {
  background: #00233C;
  border: 2px solid #00233C;
}

#marketplacePage .btn-primary.disabled,
#marketplaceReviewPage .btn-primary.disabled {
  background: #BBE0F3;
  border: 2px solid #BBE0F3;
  opacity: 1;
}

#marketplacePage .btn-secondary,
#marketplaceReviewPage .btn-secondary {
  color: #0079BC;
  background: #FFFFFF;
  border: 2px solid #0079BC;
}

#marketplacePage .btn-secondary:hover, #marketplacePage .btn-secondary:focus,
#marketplaceReviewPage .btn-secondary:hover,
#marketplaceReviewPage .btn-secondary:focus {
  color: #FFFFFF;
  background: #003F54;
  border: 2px solid #003F54;
}

#marketplacePage .btn-secondary:active,
#marketplaceReviewPage .btn-secondary:active {
  background: #00233C;
  border: 2px solid #00233C;
}

#marketplacePage .btn-secondary.disabled,
#marketplaceReviewPage .btn-secondary.disabled {
  color: #BBE0F3;
  background: #FFFFFF;
  border: 2px solid #BBE0F3;
  opacity: 1;
}

#marketplacePage .btn-transactional,
#marketplaceReviewPage .btn-transactional {
  color: #FFFFFF;
  background: #61941B;
  border: 2px solid #61941B;
}

#marketplacePage .btn-transactional:hover, #marketplacePage .btn-transactional:focus,
#marketplaceReviewPage .btn-transactional:hover,
#marketplaceReviewPage .btn-transactional:focus {
  background: #58831B;
  border: 2px solid #58831B;
}

#marketplacePage .btn-transactional:active,
#marketplaceReviewPage .btn-transactional:active {
  background: #33490F;
  border: 2px solid #33490F;
}

#marketplacePage .btn-transactional.disabled,
#marketplaceReviewPage .btn-transactional.disabled {
  background: #D6E5BA;
  border: 2px solid #D6E5BA;
  opacity: 1;
}

#marketplaceConfirmationPage .resortImageContainer .img {
  width: 100%;
}

#marketplaceConfirmationPage .confirmationDetailsContainer {
  max-width: 1240px;
  padding: 60px 20px 0;
  margin: 0 auto;
  text-align: left;
}

#marketplaceConfirmationPage .confirmationDetailsContainer h1 {
  font-family: "Avenir-light", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 42px;
  line-height: 48px;
  margin-bottom: 43px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .subhead {
  margin-bottom: 37px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .subhead .media-left {
  font-size: 50px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .subhead .media-body {
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 24px;
  line-height: 32px;
  max-width: 695px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer h2 {
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  line-height: 28px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .contractDetails {
  border-top: 1px solid #A5B3C3;
  position: relative;
  padding-top: 28px;
  padding-bottom: 20px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .contractDetails .link {
  margin-left: 28px;
  margin-top: 3px;
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .contractDetails h2 {
  float: left;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .contractDetails .contractDetailItem {
  clear: both;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .contractDetails .contractDetailItem .resortName {
  font-family: "Avenir-light", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 17px;
  padding-right: 130px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .contractDetails .contractDetailItem .useYear,
#marketplaceConfirmationPage .confirmationDetailsContainer .contractDetails .contractDetailItem .contractExpires {
  margin-bottom: 10px;
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  color: #00233C;
  line-height: 24px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .contractDetails .contractDetailItem .useYear span,
#marketplaceConfirmationPage .confirmationDetailsContainer .contractDetails .contractDetailItem .contractExpires span {
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .contractDetails .ptsDetail {
  text-align: right;
  font-family: "Avenir-medium", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 36px;
  text-align: right;
  line-height: 42px;
  position: absolute;
  top: 72px;
  right: 0;
  max-width: 135px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .contractDetails .ptsDetail span {
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  display: block;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .memberInfoDetails {
  border-top: 1px solid #A5B3C3;
  padding-top: 28px;
  padding-bottom: 19px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .memberInfoDetails .memberId {
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 13px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .memberInfoDetails .memberId span {
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .memberInfoDetails .memberName {
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 7px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .memberInfoDetails .memberAddress,
#marketplaceConfirmationPage .confirmationDetailsContainer .memberInfoDetails .memberEmail {
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 10px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .contactInfoDetails {
  border-top: 1px solid #A5B3C3;
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 24px;
  padding-top: 23px;
  padding-bottom: 23px;
  border-bottom: 1px solid #A5B3C3;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .contactInfoDetails .description {
  max-width: 707px;
  margin-bottom: -4px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .contactInfoDetails .lblPhoneNumber {
  color: #78899E;
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  display: table;
  line-height: 16px;
  margin-left: 10px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .contactInfoDetails .textbox {
  border: 0;
  border-bottom: 2px solid #A1AFC0;
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  color: #00233C;
  line-height: 24px;
  background: none;
  padding: 5px 0;
  width: 100%;
  margin-bottom: 24px;
  margin-top: 2px;
  max-width: 240px;
  padding-left: 10px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .contactInfoDetails .phoneNumber {
  padding-bottom: 16px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .contactInfoDetails .phoneNumber span {
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateContainer {
  padding-top: 28px;
  margin-bottom: 27px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateContainer .downpaymentEstimate {
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 24px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateContainer .downpaymentEstimate .percentage {
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateContainer .downpaymentEstimate .qualifiedBorrower {
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  color: #64778B;
  line-height: 24px;
  padding-left: 10px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateContainer .description {
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 24px;
  max-width: 707px;
  margin-bottom: 39px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateContainer .requestFinanceSelection {
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 24px;
  padding-left: 5px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateContainer .requestFinanceSelection .financeOptions .radioButtonLabel {
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 24px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateContainer .requestFinanceSelection .financeOptionItems .financeDetail {
  margin-left: 30px;
  margin-bottom: 20px;
  max-width: 671px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateContainer .requestFinanceSelection .financeOptionItems .financeRates {
  margin-left: 29px;
  margin-bottom: 20px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateContainer .requestFinanceSelection .financeOptionItems .financeRates .radioButtonLabel {
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  margin-left: 16px;
  font-size: 16px;
  line-height: 24px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateContainer .requestFinanceSelection .financeOptionItems .financeRates .radioButtonLabel .downpayment {
  display: inline-block;
  min-width: 230px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateContainer .requestFinanceSelection .financeOptionItems .financeRates .radioButtonLabel span {
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #64778B;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateConfirmationContainer {
  border-bottom: 1px solid #A5B3C3;
  padding: 20px 20px 0;
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  position: relative;
  min-height: 150px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateConfirmationContainer h2 {
  margin-bottom: 27px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateConfirmationContainer ul {
  list-style: none;
  margin: 0;
  padding-left: 60px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateConfirmationContainer ul .rowItem {
  margin-bottom: 16px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateConfirmationContainer ul .rowItem .lblItem {
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateConfirmationContainer ul .rowItem .lblItem span {
  color: #64778B;
  display: block;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateConfirmationContainer ul .rowItem .lblAmt {
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  text-align: right;
  line-height: 20px;
  float: right;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateConfirmationContainer .estimateCost {
  border-bottom: 1px solid #CDCDCD;
  padding-bottom: 13px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateConfirmationContainer .estimateCost .specialOffer {
  margin-left: -25px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateConfirmationContainer .estimateCost .specialOffer .lblItem,
#marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateConfirmationContainer .estimateCost .specialOffer .lblAmt {
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  color: #61941B;
  font-size: 16px;
  line-height: 20px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateConfirmationContainer .estimateCost .specialOffer .lblItem span {
  color: #61941B;
  display: inline;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateConfirmationContainer .subEstimateCost {
  border-bottom: 1px solid #CDCDCD;
  padding: 28px 0 14px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateConfirmationContainer .subEstimateCost .divider {
  text-align: right;
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 20px;
  display: inline-block;
  width: 100%;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateConfirmationContainer .subEstimateCost ul .rowItem {
  margin-bottom: 26px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateConfirmationContainer .subEstimateCost ul .rowItem.financingFrom {
  margin-bottom: 16px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateConfirmationContainer .subEstimateCost ul .rowItem.financingFrom::after {
  content: '';
  display: table;
  width: 100%;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateConfirmationContainer .subEstimateCost ul .rowItem.divider {
  margin-bottom: 17px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateConfirmationContainer .subEstimateCost ul .rowItem .lblItem {
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 20px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateConfirmationContainer .subEstimateCost ul .rowItem .lblAmt {
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 30px;
  line-height: 32px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateConfirmationContainer .subEstimateCost ul .rowItem .lblAmt span {
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  text-align: right;
  line-height: 16px;
  display: block;
  max-width: 126px;
  margin-top: 10px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateConfirmationContainer .recurringCost {
  padding: 28px 0 23px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateConfirmationContainer .recurringCost ul .rowItem .lblItem {
  font-size: 16px;
  line-height: 20px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateConfirmationContainer .recurringCost ul .rowItem .lblAmt span {
  color: #64778B;
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .termsContainer {
  padding: 39px 0 0;
  margin-bottom: 79px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .termsContainer .description {
  text-align: right;
  max-width: 626px;
  clear: both;
  margin-bottom: 31px;
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 24px;
  float: right;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .termsContainer .termsAgreementContainer {
  clear: both;
  margin-bottom: 31px;
  display: block;
  border-bottom: 1px solid #A5B3C3;
  overflow: hidden;
  padding-bottom: 21px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .termsContainer .termsAgreementContainer .checkboxWrapper {
  float: right;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .termsContainer .btnsContainer {
  width: 100%;
  clear: both;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .termsContainer .btnsContainer .btnCancel {
  width: auto;
  min-width: 166px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .termsContainer .btnsContainer .btnSubmit {
  float: right;
  width: auto;
  min-width: 210px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .checkboxWrapper {
  position: relative;
  display: inline-block;
  margin-bottom: 18px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .checkboxWrapper:hover input[type=checkbox].inputCheckbox + .icon__checkbox:before, #marketplaceConfirmationPage .confirmationDetailsContainer .checkboxWrapper:focus input[type=checkbox].inputCheckbox + .icon__checkbox:before {
  border: 2px solid #58831B;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .checkboxWrapper input[type=checkbox].inputCheckbox + .icon__checkbox {
  position: relative;
  top: -13px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .checkboxWrapper .checkbox {
  display: table-cell;
  cursor: pointer;
  padding-left: 10px;
  font-size: 16px;
  line-height: 24px;
  font-family: Avenir-Roman;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .checkboxWrapper .btnCheckbox {
  position: relative;
  display: table-cell;
  min-width: 20px;
  vertical-align: top;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .checkboxWrapper .lblCheckbox {
  color: #00233C;
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 24px;
  display: table-cell;
  padding-left: 9px;
  cursor: pointer;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .btn {
  font-family: "Avenir-medium", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 20px;
  max-width: 360px;
  background: #FFFFFF;
  border: 2px solid #0079BC;
  border-radius: 4px;
  color: #0079BC;
  width: 100%;
  padding: 10px 20px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .btn:hover, #marketplaceConfirmationPage .confirmationDetailsContainer .btn:focus {
  color: #FFFFFF;
  background: #0079BC;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .btn.btnSubmit {
  border: 2px solid #61941B;
  color: #FFFFFF;
  background: #61941B;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .btn.btnSubmit:hover, #marketplaceConfirmationPage .confirmationDetailsContainer .btn.btnSubmit:focus {
  color: #D6E5BA;
  background: #FFFFFF;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .dvcss-pepmdxicon {
  visibility: visible !important;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .infoDisclosure {
  border-bottom: 1px solid #A5B3C3;
  padding: 20px;
}

#marketplaceConfirmationPage .confirmationDetailsContainer .infoDisclosure > div {
  margin: 0 -20px;
  text-align: left;
}

#marketplaceConfirmationPage .decisionButtonContainer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 1240px;
  text-align: center;
  margin-top: 79px;
  margin-bottom: 90px;
}

#marketplaceConfirmationPage .decisionButtonContainer .decisionButtonItemContainer {
  position: relative;
  width: 50%;
}

#marketplaceConfirmationPage .decisionButtonContainer .decisionButtonItemContainer .decisionButtonItemContents {
  -webkit-box-flex: 0 1 auto;
  -moz-box-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
  margin: 0 20px;
  max-width: 580px;
  min-height: 305px;
  padding: 50px 65px;
  height: 100%;
}

#marketplaceConfirmationPage .decisionButtonContainer .decisionButtonItemContainer .decisionButtonItemContents i {
  font-size: 50px;
  color: #FFFFFF;
}

#marketplaceConfirmationPage .decisionButtonContainer .decisionButtonItemContainer .decisionButtonItemContents h2 {
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 28px;
  line-height: 48px;
  color: #FFFFFF;
}

#marketplaceConfirmationPage .decisionButtonContainer .decisionButtonItemContainer .decisionButtonItemContents p {
  font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 18px;
  line-height: 24px;
  color: #FFFFFF;
}

#marketplaceConfirmationPage .decisionButtonContainer .decisionButtonItemContainer .decisionButtonItemContents .link {
  font-family: "Avenir-heavy", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 18px;
  line-height: 24px;
  color: #FFFFFF;
  position: relative;
}

#marketplaceConfirmationPage .decisionButtonContainer .decisionButtonItemContainer > .link {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  text-decoration: none;
}

#marketplaceConfirmationPage .decisionButtonContainer .decisionButtonItemContainer > .link:hover + .decisionButtonItemContents .link {
  text-decoration: underline;
}

#marketplaceConfirmationPage .disclaimerContainer {
  font-family: "Avenir-light", "Avenir", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 19px;
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1240px;
}

#marketplaceConfirmationPage .disclaimerContainer .disclaimerContent {
  border-top: 1px solid #C6C6C6;
  padding: 29px 0 44px;
  text-align: left;
}

#marketplaceConfirmationPage .disclaimerContainer .disclaimerContent .disclaimerLinks {
  font-size: 16px;
  margin-bottom: 20px;
  text-align: center;
}

#marketplaceConfirmationPage .disclaimerContainer .disclaimerContent .disclaimerLinks a {
  border-right: 1px solid #C6C6C6;
  padding: 0 10px;
  color: #00233C;
}

#marketplaceConfirmationPage .disclaimerContainer .disclaimerContent .disclaimerLinks a:last-child {
  border-right: 0;
}

/* tablet landscape only */
@media screen and (max-width: 1100px) {
  #marketplaceConfirmationPage .decisionButtonContainer .decisionButtonItemContainer {
    width: 50%;
  }
  #marketplaceConfirmationPage .decisionButtonContainer .decisionButtonItemContainer .decisionButtonItemContents {
    min-height: 370px;
  }
}

/* tablet portrait only */
@media screen and (max-width: 799px) {
  #marketplaceConfirmationPage .confirmationDetailsContainer .contractDetails .contractDetailItem .resortName {
    max-width: 100%;
  }
  #marketplaceConfirmationPage .decisionButtonContainer .decisionButtonItemContainer {
    width: 50%;
  }
  #marketplaceConfirmationPage .decisionButtonContainer .decisionButtonItemContainer .decisionButtonItemContents {
    min-height: 300px;
    padding: 20px 30px 20px 20px;
    text-align: left;
  }
  #marketplaceConfirmationPage .decisionButtonContainer .decisionButtonItemContainer .decisionButtonItemContents h2 {
    font-size: 24px;
    line-height: 32px;
    margin-top: 15px;
  }
  #marketplaceConfirmationPage .decisionButtonContainer .decisionButtonItemContainer .decisionButtonItemContents p {
    font-size: 16px;
  }
  #marketplaceConfirmationPage .decisionButtonContainer .decisionButtonItemContainer .decisionButtonItemContents .link {
    text-align: left;
    font-size: 16px;
    text-decoration: underline;
  }
}

/* Mobile only */
@media screen and (max-width: 767px) {
  #marketplaceConfirmationPage .confirmationDetailsContainer {
    padding: 35px 20px 0;
  }
  #marketplaceConfirmationPage .confirmationDetailsContainer h1 {
    font-family: "Avenir-light", "Avenir", "Helvetica", "Arial", sans-serif;
    font-size: 32px;
    line-height: 43px;
  }
  #marketplaceConfirmationPage .confirmationDetailsContainer .subhead .media-left {
    font-size: 30px;
    margin-right: 12px;
  }
  #marketplaceConfirmationPage .confirmationDetailsContainer .subhead .media-body {
    font-family: "Avenir-roman", "Avenir", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    line-height: 24px;
  }
  #marketplaceConfirmationPage .confirmationDetailsContainer .contractDetails {
    margin: 0 -20px;
    padding: 28px 20px 20px;
  }
  #marketplaceConfirmationPage .confirmationDetailsContainer .contractDetails .contractDetailItem .resortName {
    font-size: 20px;
    line-height: 28px;
    padding-right: 130px;
  }
  #marketplaceConfirmationPage .confirmationDetailsContainer .contractDetails .ptsDetail {
    right: 20px;
  }
  #marketplaceConfirmationPage .confirmationDetailsContainer .memberInfoDetails {
    margin: 0 -20px;
    padding: 28px 20px 19px;
  }
  #marketplaceConfirmationPage .confirmationDetailsContainer .contactInfoDetails {
    margin: 0 -20px;
    padding: 23px 20px 20px;
    border-bottom: 1px solid #A5B3C3;
  }
  #marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateContainer {
    margin: 0 -20px 18px;
    padding: 28px 20px 0;
  }
  #marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateContainer .description {
    margin-bottom: 28px;
  }
  #marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateContainer .requestFinanceSelection .financeOptionItems .financeRates .radioButtonWrapper {
    margin-bottom: 47px;
  }
  #marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateContainer .requestFinanceSelection .financeOptionItems .financeRates .radioButtonWrapper .radioButtonLabel span {
    margin-top: 10px;
    display: inline-block;
  }
  #marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateContainer .downpaymentEstimate .qualifiedBorrower {
    font-size: 12px;
    color: #64778B;
    line-height: 16px;
    padding-left: 0;
    display: block;
  }
  #marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateConfirmationContainer {
    margin: 0 -20px;
    padding: 29px 20px 0;
  }
  #marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateConfirmationContainer h2 {
    margin-bottom: 29px;
  }
  #marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateConfirmationContainer ul {
    padding-left: 0;
  }
  #marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateConfirmationContainer .estimateCost .specialOffer {
    margin-left: 0;
  }
  #marketplaceConfirmationPage .confirmationDetailsContainer .paymentEstimateConfirmationContainer .estimateCost .specialOffer .lblItem span {
    display: block;
    margin-left: 25px;
    max-width: 185px;
  }
  #marketplaceConfirmationPage .confirmationDetailsContainer .termsContainer .description {
    text-align: left;
  }
  #marketplaceConfirmationPage .confirmationDetailsContainer .termsContainer .termsAgreementContainer {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 10px;
  }
  #marketplaceConfirmationPage .confirmationDetailsContainer .termsContainer .termsAgreementContainer .checkboxWrapper {
    float: none;
  }
  #marketplaceConfirmationPage .confirmationDetailsContainer .termsContainer .btnsContainer .btn {
    width: 100%;
    margin-bottom: 10px;
    max-width: 100%;
  }
  #marketplaceConfirmationPage .confirmationDetailsContainer .termsContainer .btnsContainer .btn .btnSubmit {
    float: none;
  }
  #marketplaceConfirmationPage .confirmationDetailsContainer .infoDisclosure {
    margin: 0 -20px;
  }
  #marketplaceConfirmationPage .confirmationDetailsContainer .infoDisclosure > div {
    margin: 0;
  }
  #marketplaceConfirmationPage .disclaimerContainer .disclaimerContent {
    padding: 29px 0 32px;
    border-bottom: 1px solid #C6C6C6;
  }
  #marketplaceConfirmationPage .decisionButtonContainer {
    text-align: left;
    margin-top: 59px;
    margin-bottom: 40px;
  }
  #marketplaceConfirmationPage .decisionButtonContainer .decisionButtonItemContainer {
    width: 100%;
    margin-bottom: 20px;
  }
  #marketplaceConfirmationPage .decisionButtonContainer .decisionButtonItemContainer:last-child .decisionButtonItemContents i {
    margin-bottom: 0;
  }
  #marketplaceConfirmationPage .decisionButtonContainer .decisionButtonItemContainer .decisionButtonItemContents {
    padding: 20px 20px 30px;
    min-height: 254px;
    max-width: 100%;
  }
  #marketplaceConfirmationPage .decisionButtonContainer .decisionButtonItemContainer .decisionButtonItemContents i {
    margin-bottom: 10px;
  }
  #marketplaceConfirmationPage .decisionButtonContainer .decisionButtonItemContainer .decisionButtonItemContents h2 {
    font-size: 24px;
    margin-bottom: 0px;
    margin-top: 0;
    margin-bottom: 5px;
  }
  #marketplaceConfirmationPage .decisionButtonContainer .decisionButtonItemContainer .decisionButtonItemContents p {
    font-size: 16px;
  }
  #marketplaceConfirmationPage .decisionButtonContainer .decisionButtonItemContainer .decisionButtonItemContents .link {
    font-size: 16px;
    text-decoration: underline;
  }
}

#logoNoNav.innerContentBody {
  background-image: none;
  background-color: transparent;
}

#logoNoNav.innerContentBody .mainWrapper {
  text-align: left;
}

#logoNoNav.innerContentBody .mainWrapper #partialGlobalHeaderDesktopBottom {
  max-width: 1200px;
}

#logoNoNav.innerContentBody .mainWrapper #partialGlobalHeaderDesktopBottom img {
  position: relative;
  top: 15px;
  left: 0;
  height: 35px;
}

#logoNoNav.innerContentBody .mainWrapper #alertContainer .innerContainer {
  margin: 0 auto;
}

#logoNoNav.innerContentBody .mainWrapper .innerContainer {
  max-width: 1200px;
  margin: 30px auto;
}

#logoNoNav.innerContentBody .mainWrapper .innerContainer .nav-tabs {
  margin: 20px 10px;
  border-top: 0;
  background: none;
}

#logoNoNav.innerContentBody .mainWrapper .innerContainer .nav-tabs .nav-item.active {
  font-weight: bold;
}

#logoNoNav.innerContentBody .mainWrapper .innerContainer .tab-content {
  margin-bottom: 100px;
}

#logoNoNav.innerContentBody .mainWrapper .innerContainer .tab-content ul {
  list-style: none;
}

#logoNoNav.innerContentBody .mainWrapper .innerContainer .tab-content ul li {
  margin: 10px 0;
}

#logoNoNav.innerContentBody .mainWrapper .innerContainer .tab-content ul li .checkbox {
  margin: 0;
}

#logoNoNav.innerContentBody .mainWrapper .innerContainer .tab-content ul li .checkbox a {
  font-size: 12px;
  line-height: 20px;
  margin-left: 5px;
}

#logoNoNav.innerContentBody .mainWrapper .innerContainer .tab-content ul li .checkbox a .view-content {
  display: inline-block;
}

#logoNoNav.innerContentBody .mainWrapper .innerContainer .tab-content ul li .checkbox a .view-content span.glyphicon {
  top: -5px;
}

#logoNoNav.innerContentBody .mainWrapper .innerContainer .tab-content ul li .checkbox input[type=checkbox] {
  opacity: 1;
  top: 3px;
}

#logoNoNav.innerContentBody .mainWrapper .innerContainer .tab-content ul li .checkbox .labelText {
  font-size: 16px;
  padding-left: 15px;
}

#logoNoNav.innerContentBody .mainWrapper .innerContainer .tab-content .no-items-alert {
  margin-left: 20px;
  font-style: italic;
}

#logoNoNav.innerContentBody .mainWrapper .buttonContainer {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

#logoNoNav.innerContentBody .mainWrapper .buttonContainer .btn {
  margin-top: 13px;
}

#logoNoNav.innerContentBody .mainWrapper .sticky {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 70px;
  border-top: 1px solid #999;
  background-color: #fff;
  height: 70px;
  z-index: 999;
}

#logoNoNav.innerContentBody .mainWrapper .sticky button[value="submit"] {
  width: 150px;
  margin-left: 10px;
}

#logoNoNav.innerContentBody .mainWrapper .sticky .pull-left {
  display: block;
}

@media only screen and (max-width: 767px) {
  #logoNoNav.innerContentBody .mainWrapper .innerContainer {
    margin: 10px 0;
  }
  #logoNoNav.innerContentBody .mainWrapper .innerContainer .nav-tabs {
    margin: 5px 0;
  }
  #logoNoNav.innerContentBody .mainWrapper .innerContainer .tab-content {
    margin-bottom: 150px;
  }
  #logoNoNav.innerContentBody .mainWrapper .sticky {
    height: 105px;
    z-index: 999;
  }
  #logoNoNav.innerContentBody .mainWrapper .sticky .btn {
    display: block;
    width: 100% !important;
    padding: 5px 10px;
    border-radius: 3px;
    margin-top: 10px;
  }
  #logoNoNav.innerContentBody .mainWrapper .sticky .btn.btn-danger {
    display: none;
  }
}

/** .dvd-banner-prospect **/
.dvd-banner-prospect {
  max-width: 1200px;
  background: #F7F9FC;
  border: 1px solid #D1DDE7;
  border-radius: 5px;
  padding: 10px;
  margin: 15px;
}

.dvd-banner-prospect img.zooming {
  transform: scale(1.004, 1.004);
  transition: transform 1600ms ease 0s;
}

.dvd-banner-prospect img.zooming:hover {
  transform: scale(1.1, 1.1);
  display: block;
}

.dvd-banner-prospect .item {
  padding-left: 0px;
  padding-right: 0px;
}

.dvd-banner-prospect .item h2 {
  font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
  color: #314262;
  letter-spacing: 0;
  line-height: 36px;
}

.dvd-banner-prospect .item p {
  font-family: Avenir-medium, Helvetica, Arial, sans-serif;
  font-size: 20px;
  color: #314262;
  letter-spacing: 0;
  line-height: 28px;
}

.dvd-banner-prospect .item.image {
  padding: 5px 5px 5px 25px;
}

.dvd-banner-prospect .item.content {
  padding: 15px 40px 0px 40px;
  display: block;
  text-align: left;
}

.dvd-banner-prospect .item.content p {
  margin-bottom: 0px;
}

.dvd-banner-prospect .item.cta-button {
  padding: 50px 25px 30px 5px;
}

.dvd-banner-prospect .item.cta-button .btn {
  width: 100%;
  height: 44px;
  background-color: #1A82A5 !important;
  border: 3px solid #1A82A5 !important;
  border-radius: 4px;
  font-family: Avenir-black, Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #FFFFFF !important;
  text-align: center;
  line-height: 24px;
}

@media (min-width: 1200px) {
  .dvd-banner-prospect {
    margin: 0px 80px;
  }
  .dvd-banner-prospect .item.content {
    padding: 50px 40px 0px;
  }
  .dvd-banner-prospect .item h2 {
    font-family: Avenir-heavy !important;
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 15px;
    font-weight: 700;
  }
  .dvd-banner-prospect .item.image {
    padding: 40px 5px 40px 25px;
    width: 160px;
    margin-left: 10px;
  }
  .dvd-banner-prospect .item.cta-button {
    width: 20%;
    padding-top: 80px;
  }
}

@media (max-width: 1200px) {
  .dvd-banner-prospect .item.content {
    padding: 40px 40px;
  }
  .dvd-banner-prospect .item h2 {
    font-family: Avenir-heavy !important;
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 15px;
  }
}

@media (max-width: 940px) {
  .dvd-banner-prospect .item h2 {
    font-family: Avenir-heavy !important;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
  }
  .dvd-banner-prospect .item.content {
    padding: 25px 20px;
  }
}

@media (max-width: 800px) {
  .dvd-banner-prospect .item.image {
    padding: 5px 5px 5px 10px;
  }
  .dvd-banner-prospect .item.content p {
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  .dvd-banner-prospect .item h2 {
    font-family: Avenir-heavy !important;
    font-size: 22px;
    margin-bottom: 0px;
    line-height: 30px;
  }
  .dvd-banner-prospect .item.image {
    float: left;
  }
  .dvd-banner-prospect .item.content {
    padding: 30px 30px;
    margin-top: 15px;
  }
  .dvd-banner-prospect .item.content p {
    display: none;
  }
  .dvd-banner-prospect .item.cta-button {
    padding: 30px 25px 0px 5px;
    float: right;
  }
  .dvd-banner-prospect .item.cta-button a {
    margin-top: 0px;
  }
}

@media (orientation: landscape) and (max-width: 768px) {
  .dvd-banner-prospect .item.image {
    margin-left: 0px !important;
  }
  .dvd-banner-prospect .item.cta-button {
    padding: 40px 25px 0 5px !important;
  }
}

@media (orientation: landscape) and (max-width: 600px) {
  .dvd-banner-prospect .item.cta-button {
    padding: 20px 25px 0 5px !important;
  }
}

@media (max-width: 414px) {
  .dvd-banner-prospect .item h2 {
    color: #3E496F;
    font-size: 20px;
    line-height: 24px;
    padding-top: 20px;
  }
  .dvd-banner-prospect .item.image {
    width: 90px;
    float: left;
    margin-right: 10px;
    padding: 5px;
  }
  .dvd-banner-prospect .item.content {
    padding-top: 5px;
  }
  .dvd-banner-prospect .item.content p {
    display: none;
  }
  .dvd-banner-prospect .item.cta-button {
    margin-top: -20px;
    padding: 5px;
    width: 100%;
  }
  .dvd-banner-prospect .item.cta-button a {
    margin-top: 0px;
  }
}

@media (max-width: 375px) {
  .dvd-banner-prospect {
    padding-left: 20px 25px;
  }
  .dvd-banner-prospect .item h2 {
    font-family: Avenir-heavy;
    color: #3E496F;
    font-size: 20px;
    line-height: 25px;
    padding-top: 15px;
  }
  .dvd-banner-prospect .item.cta-button {
    margin-top: -20px;
    padding: 5px;
  }
}

@media (max-width: 320px) {
  .dvd-banner-prospect .item h2 {
    color: #3E496F;
    font-size: 15px;
  }
}

@media (max-width: 240px) {
  .dvd-banner-prospect .item h2 {
    color: #3E496F;
    font-size: 15px;
    line-height: 24px;
    padding-top: 20px;
  }
  .dvd-banner-prospect .item.image {
    width: 100%;
    float: left;
    margin-right: 10px;
    padding: 15px;
  }
  .dvd-banner-prospect .item.content {
    padding-top: 0px;
  }
  .dvd-banner-prospect .item.content p {
    display: none;
  }
  .dvd-banner-prospect .item.cta-button {
    margin-top: -50px;
    padding: 15px;
    width: 100%;
  }
  .dvd-banner-prospect .item.cta-button a {
    margin-top: 0px;
  }
}

@media (max-width: 1200px) {
  #homePageRedesign .content-modules .dvd-banner-prospect .item.image {
    padding: 30px 10px;
  }
  #homePageRedesign .content-modules .dvd-banner-prospect .item.content {
    padding: 55px 30px;
  }
  #homePageRedesign .content-modules .dvd-banner-prospect .item.cta-button {
    padding: 80px 35px;
  }
}

@media (max-width: 940px) {
  #homePageRedesign .content-modules .dvd-banner-prospect .item.image {
    padding: 40px 10px;
  }
  #homePageRedesign .content-modules .dvd-banner-prospect .item.content {
    padding: 55px 30px;
  }
  #homePageRedesign .content-modules .dvd-banner-prospect .item.cta-button {
    padding: 80px 35px;
  }
}

@media (min-width: 1200px) {
  #homePageRedesign .content-modules .dvd-banner-prospect .item.cta-button {
    padding-top: 85px;
  }
}

@media (max-width: 768px) {
  #homePageRedesign .content-modules .dvd-banner-prospect {
    margin-top: 40px;
  }
  #homePageRedesign .content-modules .dvd-banner-prospect .item.image {
    margin-right: 0px;
    padding: 0px;
  }
  #homePageRedesign .content-modules .dvd-banner-prospect .item.image img {
    height: 130px;
  }
  #homePageRedesign .content-modules .dvd-banner-prospect .item.content {
    padding: 40px 20px;
  }
  #homePageRedesign .content-modules .dvd-banner-prospect .item.cta-button {
    padding: 45px 20px;
  }
}

@media (max-width: 767px) {
  #homePageRedesign .content-modules .dvd-banner-prospect .item.cta-button {
    width: 100%;
    padding: 5px !important;
  }
}

@media (max-width: 650px) {
  #homePageRedesign .content-modules .dvd-banner-prospect .item.cta-button {
    width: 100%;
    padding: 5px;
  }
}

@media (max-width: 600px) {
  #homePageRedesign .content-modules .dvd-banner-prospect .item.content {
    margin-top: 15px;
    padding: 20px;
    width: 100%;
  }
  #homePageRedesign .content-modules .dvd-banner-prospect .item.cta-button {
    width: 100%;
    padding: 5px;
  }
}

@media (max-width: 414px) {
  #homePageRedesign .content-modules .dvd-banner-prospect .item.content {
    padding: 0px;
    margin-top: 0px;
    width: 100%;
    width: 100%;
  }
  #homePageRedesign .content-modules .dvd-banner-prospect .item.image {
    width: 80px;
    margin-bottom: 25px;
  }
  #homePageRedesign .content-modules .dvd-banner-prospect .item.image img {
    height: auto;
  }
  #homePageRedesign .content-modules .dvd-banner-prospect .item.cta-button {
    width: 100%;
    padding: 5px;
  }
}

@media (max-width: 375px) {
  #homePageRedesign .content-modules .dvd-banner-prospect {
    padding: 20px;
  }
  #homePageRedesign .content-modules .dvd-banner-prospect .item h2 {
    font-family: Avenir-heavy;
  }
  #homePageRedesign .content-modules .dvd-banner-prospect .item.image {
    margin: 5px 5px 25px 0px;
  }
  #homePageRedesign .content-modules .dvd-banner-prospect .item.image img {
    height: auto;
  }
  #homePageRedesign .content-modules .dvd-banner-prospect .item.cta-button {
    padding-top: 0px;
    margin-top: 0px;
  }
}

.prospect-refresh-module .container-fluid .collapse-box .dvd-banner-prospect {
  margin: 0px;
}

.prospect-refresh-module .container-fluid .collapse-box .dvd-banner-prospect .item h2 {
  font-family: Avenir-heavy;
}

@media (max-width: 1200px) {
  .prospect-refresh-module .container-fluid .collapse-box .dvd-banner-prospect .item.image {
    padding: 40px 0px 0px 20px;
  }
  .prospect-refresh-module .container-fluid .collapse-box .dvd-banner-prospect .item.content {
    padding: 55px 20px;
  }
  .prospect-refresh-module .container-fluid .collapse-box .dvd-banner-prospect .item.cta-button {
    padding: 90px 20px;
  }
}

@media (min-width: 1200px) {
  .prospect-refresh-module .container-fluid .collapse-box .dvd-banner-prospect .item.cta-button {
    padding-top: 85px;
  }
}

@media (max-width: 768px) {
  .prospect-refresh-module .container-fluid .collapse-box .dvd-banner-prospect {
    margin-top: 40px;
  }
  .prospect-refresh-module .container-fluid .collapse-box .dvd-banner-prospect .item.content {
    padding: 40px 20px;
  }
  .prospect-refresh-module .container-fluid .collapse-box .dvd-banner-prospect .item.image {
    padding: 0px;
  }
  .prospect-refresh-module .container-fluid .collapse-box .dvd-banner-prospect .item.image img {
    height: 130px;
  }
  .prospect-refresh-module .container-fluid .collapse-box .dvd-banner-prospect .item.cta-button {
    padding: 45px 20px;
  }
}

@media (max-width: 767px) {
  .prospect-refresh-module .container-fluid .collapse-box .dvd-banner-prospect .item.cta-button {
    width: 100%;
    padding: 5px !important;
  }
}

@media (max-width: 650px) {
  .prospect-refresh-module .container-fluid .collapse-box .dvd-banner-prospect .item.cta-button {
    width: 100%;
    padding: 5px;
  }
}

@media (max-width: 600px) {
  .prospect-refresh-module .container-fluid .collapse-box .dvd-banner-prospect .item.content {
    margin-top: 0px;
  }
  .prospect-refresh-module .container-fluid .collapse-box .dvd-banner-prospect .item.cta-button {
    padding-top: 0px !important;
  }
}

@media (max-width: 414px) {
  .prospect-refresh-module .container-fluid .collapse-box .dvd-banner-prospect .item.content {
    padding: 0px;
    margin-top: 0px;
    width: 100%;
  }
  .prospect-refresh-module .container-fluid .collapse-box .dvd-banner-prospect .item.image {
    width: 80px;
    margin-bottom: 25px;
  }
  .prospect-refresh-module .container-fluid .collapse-box .dvd-banner-prospect .item.image img {
    height: auto;
  }
  .prospect-refresh-module .container-fluid .collapse-box .dvd-banner-prospect .item.cta-button {
    padding: 25px 5px 5px 5px;
  }
}

@media (max-width: 375px) {
  .prospect-refresh-module .container-fluid .collapse-box .dvd-banner-prospect .item h2 {
    font-size: 18px;
  }
  .prospect-refresh-module .container-fluid .collapse-box .dvd-banner-prospect .item.image img {
    height: auto;
  }
}

/** .dvd-banner-prospect --END-- **/

/*# sourceMappingURL=dvc.pages.sass.min.css.map */