@font-face { font-family: 'Founders Grotesk'; src: url('https://pitstop.wyndhamvrap.com/wp-content/themes/whpp/webfonts/FoundersGrotesk-Bold.eot'); src: url('https://pitstop.wyndhamvrap.com/wp-content/themes/whpp/webfonts/FoundersGrotesk-Bold.eot?#iefix') format('embedded-opentype'), url('https://pitstop.wyndhamvrap.com/wp-content/themes/whpp/webfonts/FoundersGrotesk-Bold.woff2') format('woff2'), url('https://pitstop.wyndhamvrap.com/wp-content/themes/whpp/webfonts/FoundersGrotesk-Bold.woff') format('woff'), url('https://pitstop.wyndhamvrap.com/wp-content/themes/whpp/webfonts/FoundersGrotesk-Bold.ttf') format('truetype'), url('https://pitstop.wyndhamvrap.com/wp-content/themes/whpp/webfonts/FoundersGrotesk-Bold.svg#FoundersGrotesk-Bold') format('svg'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Founders Grotesk'; src: url('https://pitstop.wyndhamvrap.com/wp-content/themes/whpp/webfonts/FoundersGrotesk-Medium.eot'); src: url('https://pitstop.wyndhamvrap.com/wp-content/themes/whpp/webfonts/FoundersGrotesk-Medium.eot?#iefix') format('embedded-opentype'), url('https://pitstop.wyndhamvrap.com/wp-content/themes/whpp/webfonts/FoundersGrotesk-Medium.woff2') format('woff2'), url('https://pitstop.wyndhamvrap.com/wp-content/themes/whpp/webfonts/FoundersGrotesk-Medium.woff') format('woff'), url('https://pitstop.wyndhamvrap.com/wp-content/themes/whpp/webfonts/FoundersGrotesk-Medium.ttf') format('truetype'), url('https://pitstop.wyndhamvrap.com/wp-content/themes/whpp/webfonts/FoundersGrotesk-Medium.svg#FoundersGrotesk-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Founders Grotesk'; src: url('https://pitstop.wyndhamvrap.com/wp-content/themes/whpp/webfonts/FoundersGrotesk-Semibold.eot'); src: url('https://pitstop.wyndhamvrap.com/wp-content/themes/whpp/webfonts/FoundersGrotesk-Semibold.eot?#iefix') format('embedded-opentype'), url('https://pitstop.wyndhamvrap.com/wp-content/themes/whpp/webfonts/FoundersGrotesk-Semibold.woff2') format('woff2'), url('https://pitstop.wyndhamvrap.com/wp-content/themes/whpp/webfonts/FoundersGrotesk-Semibold.woff') format('woff'), url('https://pitstop.wyndhamvrap.com/wp-content/themes/whpp/webfonts/FoundersGrotesk-Semibold.ttf') format('truetype'), url('https://pitstop.wyndhamvrap.com/wp-content/themes/whpp/webfonts/FoundersGrotesk-Semibold.svg#FoundersGrotesk-Semibold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Founders Grotesk'; src: url('https://pitstop.wyndhamvrap.com/wp-content/themes/whpp/webfonts/FoundersGrotesk-Regular.eot'); src: url('https://pitstop.wyndhamvrap.com/wp-content/themes/whpp/webfonts/FoundersGrotesk-Regular.eot?#iefix') format('embedded-opentype'), url('https://pitstop.wyndhamvrap.com/wp-content/themes/whpp/webfonts/FoundersGrotesk-Regular.woff2') format('woff2'), url('https://pitstop.wyndhamvrap.com/wp-content/themes/whpp/webfonts/FoundersGrotesk-Regular.woff') format('woff'), url('https://pitstop.wyndhamvrap.com/wp-content/themes/whpp/webfonts/FoundersGrotesk-Regular.ttf') format('truetype'), url('https://pitstop.wyndhamvrap.com/wp-content/themes/whpp/webfonts/FoundersGrotesk-Regular.svg#FoundersGrotesk-Regular') format('svg'); font-weight: 400; font-style: normal; font-display: swap; }
/*Global CSS start*/
.booking-main * { font-family: 'Founders Grotesk'; }
p { line-height: 24px; }
a { color: #007bff }
a:hover { color: #212529 }
.fa, .fas, fab { font-family: 'Font Awesome 5 Free' !important; font-weight: 900; }
.marT50 { margin-top: 50px; }
.marB50 { margin-bottom: 50px; }
.marB40 { margin-bottom: 40px; }
.marB30 { margin-bottom: 30px; }
.marB20 { margin-bottom: 20px; }
.marB10 { margin-bottom: 10px; }
.booking-wrap { border: 7px solid #fbf7fb; background: #fff; padding: 15px 20px; padding-bottom: 30px; }
.bluebg { background: #2270b8; }
.radio-custom { display: inline-block; position: relative; vertical-align: top; }
.radio-custom input[type="radio"] { bottom: 0; display: block; height: 100%; left: 0; margin: 0; opacity: 0; position: absolute; right: 0; top: 0; width: 100%; }
.radio-custom input[type="radio"] + label { display: inline-block; line-height: 29px; margin: 0 15px 10px 0; min-height: 21px; padding: 0 0 0 35px; position: relative; background: url(https://pitstop.wyndhamvrap.com/wp-content/themes/whpp/images2/\radio.png) no-repeat left top; cursor: pointer; font-weight: 500; font-size: 18px; }
.radio-custom input[type="radio"]:checked + label { background-image: url(https://pitstop.wyndhamvrap.com/wp-content/themes/whpp/images2/\radio-a.png) }
/* custom checkbox */
.custom-checkbox { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 18px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.custom-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkmark { position: absolute; top: -6px; left: 0; height: 25px; width: 25px; background-color: #fff; border: solid 1px #6c6e6f; }
.custom-checkbox input:checked ~ .checkmark { background-color: #206aad; border-color: #206aad; }
.checkmark:after { content: ""; position: absolute; display: none; }
.custom-checkbox input:checked ~ .checkmark:after { display: block; }
.custom-checkbox .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
/**custom checkbox End**/

.form-control-custom { border: solid 1px #cacace; border-radius: 5px; background: #fff; width: 100%; display: block; height: 40px; line-height: 40px; padding: 6px 10px 0; color: #5d5d5d }
.form-control-custom:focus {
box-shadow: 0 0 0 .2rem rgba(0,123,255,.25); border-color: #80bdff }
select.form-control-custom { -webkit-appearance: none; -moz-appearance: none; height: 40px !important; background: #fff url(https://pitstop.wyndhamvrap.com/wp-content/themes/whpp/images2/\select-arrow.png) no-repeat center right 10px; padding: 3px 20px 0 10px; color: #5d5d5d; white-space: nowrap; text-overflow: ellipsis; }
.blue-btn-custom { background: #206aad; border-radius: 45px; font-size: 18px; color: #fff !important; display: inline-block; padding: 16px 30px 9px; border: none; cursor: pointer; }
.gry-btn-custom { background: #535556; border-radius: 45px; font-size: 18px; color: #fff !important; display: inline-block; padding: 16px 30px 9px; border: none; cursor: pointer; }
.blue-btn-custom-disabled { background: #7c7c7c !important;}
button.blue-btn-custom, .blue-btn-custom { font-size: 15px; text-transform: uppercase; }
.blue-btn-custom:hover { background: #333; color: #fff; text-decoration: none; }
.blue-txt { color: #2270b8; }
.blue-btn-custom.white-btn-custom { background: #fff; border: solid 1px #212529; color: #212529 !important; }
.blue-btn-custom.white-btn-custom:hover { background: #206aad; border: solid 1px #206aad; color: #fff !important; }
img, svg { max-width: 100%; }
 @media screen and (max-width:767px) {
.blue-btn-custom { padding: 16px 14px 9px; } 
}
/*Global CSS End*/

/*================================= STANDARD SEARCH  CSS START  =================================*/

/***********Booking now landing page css start*************/

/*title section css start css*/
.booking-title { margin-bottom: 35px; }
.booking-title p strong {font-weight: 600;}
.booking-title h1 { font-size: 30px; text-transform: uppercase; font-weight: 700; }
.booking-title h1::after { background: url(https://pitstop.wyndhamvrap.com/wp-content/themes/whpp/images2/\sec_title_bg.png) no-repeat top; height: 21px; text-align: center; width: 100%; content: ""; margin: 10px auto 22px; display: table; }
@media screen and (max-width:991px) {
.booking-title h1 { font-size: 22px; }
.booking-title { margin-bottom: 30px; }
}
/*title section css  End*/

/*booking call section  css Start*/
.call-box { border: 1px solid #dfdfdf; padding: 15px 20px; }
.call-box { border: 1px solid #dfdfdf; padding: 16px 20px 13px; box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 10%); width: 100%; display: flex; align-items: center; }
.call-box i { width: 44px; height: 44px; line-height: 44px; border-radius: 100%; background: #f6f6f6; text-align: center; transform: rotate(86deg); }
.call-box a { color: #212529; }
.call { padding-left: 18px; }
.call strong { font-size: 16px; color: #206aad; display: block; padding-bottom: 4px; }
.booking-call-sec { padding: 0 85px; margin-bottom: 50px; }
.datepicker th.dow { background: #eee; border-radius: 0; border: 2px solid #fff; font-size: 14px; font-family: 'Founders Grotesk'; font-weight: 500; padding: 8px 0 4px; }
.day { border: 1px solid #e8e8e8 !important; font-family: 'Founders Grotesk'; font-size: 14px; padding-top: 5px; padding-bottom: 1px; }
.datepicker { padding: 1px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0; }
.datepicker.dropdown-menu { border: 0; box-shadow: 0px 2px 4px 2px rgba(0,0,0,0.1); }
.datepicker .datepicker-switch { padding: 8px 0; font-size: 16px; font-family: 'Founders Grotesk'; font-weight: 500; }
.datepicker-dropdown .table-condensed { height: auto; }
.datepicker td, .datepicker th { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0; }
.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover { background-color: #2270b8 !important; background-image: none; }
.calendar input.form-control-custom { background: transparent; z-index: 1; }
@media screen and (max-width:1199px) {
.booking-call-sec { padding: 0 20px; }
}
@media screen and (max-width:991px) {
.booking-call-sec { padding: 0px; }
.call-box { flex-direction: column; height: 100%; padding: 16px 10px 10px; }
.call { padding-left: 0; text-align: center; }
.call-box i { margin-bottom: 15px; }
}
 @media screen and (max-width:575px) {
.booking-call-sec .row [class*="col-"] { margin-bottom: 30px; }
.booking-call-sec { margin-bottom: 20px; }
}
/*booking call section  css End*/


/*Step 1 sec start*/
.blue-strip { margin-bottom: 20px; color: #fff; display: flex; align-items: center; padding: 12px 10px 7px 20px; }
.blue-strip h2 { color: #fff; font-size: 20px; margin: 0; padding: 0; font-weight: 400; }
.blue-strip i { width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; background: #ffff; border-radius: 100%; font-size: 22px; margin-right: 14px; position: relative; top: -2px; color: #212529; }
.booking-search .radio-custom input[type="radio"] + label { margin-bottom: 0; }
.booking-search { display: flex; align-items: center; padding-bottom: 15px; }
.booking-search .search-lbl { font-size: 15px; color: #636363; font-weight: 400; }
.booking-search .search-lbl strong { font-weight: 400; color: #212529; }
.booking-search-sec { padding-top: 5px; margin-bottom: 20px; }
.booking-search .radio-custom { min-width: 214px; }
.calendar .btn { position: absolute; right: 0; top: 2px; background: transparent; color: #525456; font-size: 21px; }
.calendar i, .calendar .btn { color: #525456; font-size: 21px; box-shadow: none; }
.select-field { max-width: 38%; flex: 0 0 38%; position: relative; }
.select-field label { font-size: 18px; color: #212529; margin: 0; padding: 6px 20px 0 0; white-space: nowrap; }
.arrival-date { margin-right: 80px; }
@media screen and (max-width:991px) {
.arrival-date { margin-right: 30px; }
.select-field { max-width: 47.5%; flex: 0 0 47.5%; }
.arrival-date { margin-right: 30px; }
}
 @media screen and (max-width:767px) {
.booking-search .radio-custom { min-width: 100%; }
.booking-search .search-lbl { display: block; padding-left: 34px; }
.booking-search { align-items: self-start; flex-direction: column; }
.select-field label { width: 33%; }
.arrival-date { margin-right: 0; margin-bottom: 20px; }
.select-field { max-width: 100%; flex: 0 0 100%; }
.date-range { flex-wrap: wrap; flex-direction: column; }
}
 @media screen and (max-width:575px) {
.select-field label { width: 100%; padding-bottom: 5px; }
.select-field { flex-wrap: wrap; }
.blue-strip h2 { font-size: 18px; width: calc(100% - 40px); }
}
/*Step 1 sec end*/


/**step2 css start**/
.select-resort-block-outer { padding-bottom: 30px; }
.select-resort-block { padding-bottom: 25px; padding-top: 10px; align-items: center; }
.select-resort-block-outer .select-field { max-width: 45%; flex: 0 0 45%; position: relative; }
.or-top { font-size: 15px; text-transform: uppercase; color: #000; border: solid 1px #d1d1d1; height: 33px; line-height: 37px; width: 66px; text-align: center; display: block; border-radius: 30px; margin: 0 auto; background: #fff; }
.or { text-align: center; border-bottom: solid 1px #d1d1d1; height: 16px; margin-bottom: 44px; }
.or span { font-size: 15px; text-transform: uppercase; color: #000; border: solid 1px #d1d1d1; height: 33px; line-height: 37px; width: 92px; text-align: center; display: block; border-radius: 30px; margin: 0 auto; background: #fff; }
.calendar-block { padding-bottom: 28px; }
.booking-window-block { padding: 50px 0 0; }
.hd-booking { display: block; border-bottom: solid 1px #d1d1d1; font-size: 18px; color: #2270b8; padding-bottom: 5px; margin-bottom: 25px; font-weight: 500; }
.hd-booking a { color: #2270b8; }
.booking-date { max-width: 700px; padding-bottom: 30px; }
.booking-date label { font-size: 18px; color: #212529; margin: 0; padding: 6px 20px 0 0; white-space: nowrap; }
.booking-date .blue-btn-custom { margin-left: 25px; }
.reservation-calculator { padding-bottom: 8px; }
.res-hd { display: block; font-size: 18px; padding-bottom: 5px; font-weight: 500; }
.table-bordered.custom-table th { background: #f1f1f3; font-size: 18px; font-weight: 400; }
.table-bordered.custom-table td { font-size: 15px; }
.table-bordered.custom-table td, .table-bordered.custom-table th { padding: 17px 22px 12px; }
.note-block { }
.note-hd { display: block; font-size: 15px; color: #206aad; font-weight: 600; padding-bottom: 0px; }
 @media screen and (max-width:991px) {
.select-resort-block-outer .select-field { max-width: 40%; flex: 0 0 40%; position: relative; flex-direction: column; align-items: self-start !important; -ms-flex-align: self-start !important; }
.or-top { margin-top: 27px; }
.select-resort-block .select-field label { padding: 0 0 5px 0; }
.calendar-card { margin-bottom: 25px; text-align: center; }
.calendar-block { padding-bottom: 0; }
}
 @media screen and (max-width:767px) {
.select-resort-block { padding-bottom: 25px; padding-top: 10px; align-items: self-start; flex-wrap: wrap; flex-direction: column; }
.select-resort-block-outer .select-field { max-width: 100%; flex: 0 0 100%; flex-direction: column; align-items: self-start !important; -ms-flex-align: self-start !important; width: 100%; }
.booking-date { flex-wrap: wrap; }
.booking-date label { padding: 6px 0px 5px 0; }
.booking-date .blue-btn-custom { margin-left: 0; margin-top: 16px; }
.or-top { margin: 25px auto; }
}
/**step2 css end**/

/***********Booking now landing page css end*************/



/***********Search result page css start*************/
.search-resort { position: absolute; right: 0; top: 9px; }
.search-resort a i { color: #007bff; }
.search-resort a:hover i { color: #212529; }
.search-result-block .lifestyle-platinum-block { padding-bottom: 10px; }
.user-search { display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 7px; }
.search-lbl { font-size: 18px; padding-right: 10px; }
.search-destination { color: #2270b8; padding-right: 3px; }
.search-date { color: #636363; }
.pagination { justify-content: center; padding-bottom: 8px; }
.pagination li { margin-right: 8px; }
.pagination a { width: 20px; height: 20px; line-height: 24px; display: inline-block; text-align: center; border: 1px solid #bababa; vertical-align: top; color: #212529 !important; }
.pagination li i {line-height:19px;}
.results { padding-right: 12px; padding-top:3px; }
.page-item.active a, .page-item a:hover { background: #206aad; color: #fff !important; border-color: #206aad; }
.hotel-desc-sec { margin-top: 15px; margin-bottom: 10px; }
.hotel-desc-sec .media { margin-bottom: 15px; }
.hotel-desc-sec h4 { color: #2270b8; font-size: 18px; display: block; margin-bottom: 5px; font-weight: 400 }
.media-body p { line-height: 20px; }
.hotel-desc-sec h5 { font-size: 18px; font-weight: 500; display: block; margin-bottom: 0px; }
.hotel-desc-sec .total-text { color: #2270b8; font-weight: 500; }
.hotel-desc-row { border-bottom: 1px solid #d1d1d1; display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 35px; margin-bottom: 35px; align-items: start; }
.hotel-desc-row:last-child { border-bottom: none; margin-bottom: 0; padding-bottom:10px;}
.desc-content { flex: 1; }
.btn-container { background-color: #f9f9f9; border: 1px solid #eae7e7; margin-left: 20px; padding: 12px; text-align: center; width: 177px; }
.btn-container i.fa-phone { transform: rotate(86deg); top: 4px; position: relative; }
.btn-container .blue-btn-custom { padding: 14px 0px 7px; width: 100%; text-align: center; text-transform: capitalize; }
.date-btn { margin-bottom: 10px; }
.btn-container i { padding-right: 9px; }
.btn-container .blue-btn-custom.white-btn-custom { border-color: #077eff; color: #077eff !important; }
.btn-container .blue-btn-custom.white-btn-custom:hover { background-color: #206aad; color: #fff !important; border-color: #206aad; }
.lifestyle-platinum-block { padding-bottom: 0; position: relative; padding-top: 11px; }
.lifestyle-platinum-block p { font-size: 16px; line-height: 24px; padding-bottom: 0; margin-bottom: 0; }
.heading-platinum { display: block; font-size: 20px; color: #000; border-bottom: solid 1px #d1d1d1; font-weight: 500; padding-bottom: 8px; margin-bottom: 18px; }
/*current Balance table start */
.current-balance .table-bordered.custom-table td, .current-balance .table-bordered.custom-table th { padding: 15px 22px 7px; }
.current-balance .table-bordered.custom-table th { background: #d8ecff; color: #206aad; border-top: 0; }
.current-balance .table-bordered.custom-table td { color: #4d4d4e; }
.subtotal { background-color: #f4f4f4; }
.grandtotal { background-color: #7c7c7c; color: #fff; font-weight: 600; }
.grandtotal td { color: #fff !important; }
/*current Balance table end */
@media only screen and (max-width:767px) {
.desc-content { max-width: 100%; flex: 0 0 100%; }
.btn-container { margin-left: 0; width: 100%; }
}
@media only screen and (max-width:575px) {
.search-resort { position: relative; right: 0; top: 0; text-align: left; padding: 12px 10px 4px 12px; border-bottom: 3px solid #f0f0f0; margin-bottom: 14px; background: #f9f9f9 }
.media-body { -ms-flex: 1; flex: 0 0 100%; padding-top: 20px }
.hotel-desc-sec .media { margin-bottom: 25px; width: 100%; flex-wrap: wrap; background: #f8f9fa; padding: 15px; padding-bottom: 0; }
.hotel-desc-sec .media img { width: 100%; margin: 0!important; padding: 0 }
.search-result { text-align: center }
}
/***********Search result page css end*************/


/***********online-reservation page  css Start*************/
.pinkcolor { color: #d0264a; }
.promotional-code { max-width: 450px; padding: 20px 0 50px; }
.promotional-code label { font-size: 18px; color: #212529; margin: 0; padding: 0; width: 155px; flex: 0 0 155px; }
.promotional-blk p { margin-bottom: 0; }
.cradits-block { padding-bottom: 0; margin-bottom: 0; border-top: 1px solid #d1d1d1; padding-top: 28px; }
.spn-heading { display: block; font-size: 18px; font-weight: 500; color: #212529; padding-bottom: 5px; }
.cradits-block p { margin-bottom: 20px; }
.two-col-btns { border-top: solid 5px #fbf7fb; padding-top: 27px; margin-top: 35px; }
.two-col-btns .blue-btn-custom { margin: 0 5px; }
.guidelines-text { display: block; text-align: center; font-size: 15px; padding-top: 20px; }
.guidelines-text a { padding: 0 3px; }
.payment-option .radio-custom { display: flex; flex-direction: column; margin-bottom: 27px; }
.payment-summery p { padding: 0; margin: 0; }
.payment-summery { padding-left: 37px; }
.payment-option .radio-custom input[type="radio"] + label { margin-bottom: 0; }
.dollors { min-width: 145px; display: inline-block; }
.payment { font-weight: 500; }
 @media only screen and (max-width:575px) {
.payment-summery .payment.blue-txt { display: block; width: 100%; }
.promotional-code { padding: 20px 0 39px; }
}
/*holiday credit table start*/
.tbl-heading { font-size: 18px; padding-bottom: 8px; display: inline-block; width: 100%; }
.holiday-credit { max-width: 370px; padding-top: 12px; margin-bottom: 25px; }
.payment-summery .holiday-credit { padding-top: 0; margin-top: -15px; }
.payment-summery .current-balance { margin-bottom: 30px; }
.holiday-credit table { border: 1px solid #e4e4e6; }
.holiday-credit table td { padding: 10px 10px 7px; }
.holiday-credit table td { border-right: 1px solid #e4e4e6 }
.total { background: #d8ecff; font-weight: 500; }
/*holiday credit table end*/

/***********online-reservation page css End*************/

/***********itinerary-payment-method css Start*************/
.payment-method-itinerary h3 { font-size: 20px; font-weight: 600; padding-bottom: 10px; border-bottom: 1px solid #d1d1d1; }
.payment-method-itinerary h5 { font-size: 18px; font-weight: 500; }
.payment-method-itinerary h5 span { font-weight: 400; }
.payment-method-itinerary label { font-size: 18px; }
.payment-method-itinerary .form-group { margin-bottom: 25px; }
.red { color: #ff0000; }
.payment-method-itinerary .sub-heading { font-size: 18px; padding-bottom: 20px; }
.payment-method-itinerary .sub-heading span { font-weight: 500; padding-bottom: 20px; color: #2270b8; }
.resort-sec div[class*="col-"] { margin-bottom: 30px; }
.off-white-box { background-color: #fdfdfd; border: 1px solid #f2f2f2; height: 100%; padding: 15px 20px; box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.015); }
.off-white-box p { margin-bottom: 7px; }
.off-white-box h5 { border-bottom: 1px solid #e9e9e9; margin-bottom: 10px; padding: 0 0 5px 22px; position: relative; }
.off-white-box h5 i { font-size: 17px; left: 0; line-height: 20px; top: -3px; position: absolute; }
.off-white-box p strong { font-weight: 600; }
p.address { line-height: 24px; }
.off-white-box p:last-child { margin-bottom: 0; }
.apartment-desc { display: flex; flex-wrap: wrap; padding: 10px 0 0; margin: 0; list-style: none; margin: 0 -15px; }
.apartment-desc li { padding: 0 15px 21px 37px; position: relative; max-width: 33.33%; flex: 0 0 33.33%; }
.apartment-desc li::before { background: url('https://pitstop.wyndhamvrap.com/wp-content/themes/whpp/images2/\check-apprt.png') left top no-repeat; content: ""; height: 15px; position: absolute; left: 15px; top: -1px; width: 15px; }
.credit-table { margin-bottom: 20px; }
.credit-table table th { background-color: #f1f1f3; color: #000; font-weight: 400; font-size: 18px; border-bottom: none; }
.credit-table table th, .credit-table table td { border-color: #e4e4e6; padding: 15px 25px; }
.credit-table table tfoot td { background-color: #7c7c7c; color: #fff; font-weight: 500; }
.radio-custom.sm input[type="radio"] + label { color: #636363; font-size: 15px; font-weight: 400; }
h5.note-req { color: #ff0000; font-weight: 400; text-transform: uppercase; }
.book-btm-sec { border-top: 5px solid #fbf7fb; padding: 30px 0; text-align: center; }
.holiday-credit.full-table { width: 100%; padding-top: 0; max-width: 100%; }
.top-pragraph p { padding: 0; margin: 0; }
.top-pragraph { margin-bottom: 20px; }
.form-group.new-card-use { margin-bottom: 12px; }
.new-card { font-size: 18px; padding-top: 5px; }
.new-card-radio.radio-custom input[type="radio"] + label { padding-left: 28px; }
.new-card-grp .radio-custom.sm input[type="radio"] + label { padding-bottom: 0; margin-bottom: 0; }
.form-group.new-card-grp { margin-bottom: 0; }
.booking-information .radio-custom input[type="radio"] + label { font-weight: 400; padding-left: 30px; }
.booking-information .form-group { margin-bottom: 8px; }
.booking-ft-text p { padding: 0; margin: 0; }
 @media only screen and (max-width:991px) {
.apartment-desc li { max-width: 50%; flex: 0 0 50%; }
}
 @media only screen and (max-width:767px) {
.new-card-grp .new-card { width: 100%; padding-bottom: 7px; }
.booking-information .radio-custom { width: 100%; }
.booking-information .form-group { margin-bottom: 20px; }
.apartment-desc li { max-width: 100%; flex: 0 0 100%; }
}
/***********itinerary-payment-method css End*************/


/******reservation-error page css start*******/
.unable { text-align: center; padding: 15px 0; }
.unable p { font-size: 18px; }
/******reservation-error page css end*******/


/*****confirmation page css start******/
.confirmation-block .guidelines-text { padding-top: 0; padding-bottom: 15px; }
.confirmation-block .blue-btn-custom { margin: 0 5px; }
.confirmation-info p span { color: #d0264a; }
/*****confirmation page css end******/

/*================================= STANDARD SEARCH  CSS End  =================================*/

/****************************************************************************************************/

/*================================= BONUS TIME SEARCH CSS START  =================================*/

/***********Search result page css start*************/
.time-reservations .table-bordered.custom-table td, .time-reservations .table-bordered.custom-table th { white-space: nowrap; padding: 17px 13px 12px; vertical-align: middle; }
.time-reservations .blue-btn-custom { padding: 8px 12px 2px; text-transform: capitalize; }
.call-info { width: 25px; height: 25px; display: block; text-align: center; border: solid 1px #a09f9f; line-height: 31px; border-radius: 5px; color: #636363; font-size: 14px; margin: 0 auto; background: #fff; }
.tr-bg { background: #f7fbff; }
.time-reservations .custom-checkbox { padding-left: 0; margin-bottom: 0; margin: 0 auto; }
.time-reservations .checkmark { position: relative; display: block; margin: 0 auto; top: 0; }
.booking-note { margin-bottom: 20px; }
.booking-note p { margin-bottom: 6px; }
.booking-note p i { padding-right: 7px; }
.booking-note p a { color: #2270b8; }
.booking-note p a:hover { color: #212529; }
.bonus-search-result.marB40 {margin-bottom: 0;}
/***********Search result page css end*************/

/*================================= BONUS TIME SEARCH CSS End  =================================*/


/****************************************************************************************************/

/*================================= FOUR MONTH CALENDAR CSS START  =================================*/
.row-g-14 { margin: 0 -7px; }
.hd2-booking { display: block; border-bottom: solid 1px #d1d1d1; font-size: 18px; color: #2270b8; padding-bottom: 5px; margin-bottom: 20px; font-weight: 500; }
.calender-checkin .select-field { max-width: 100%; flex: 0 0 100%; }
.row-g-14 div[class*="col-"] { padding: 0 7px; }
.mb-30 { margin-bottom: 30px; }
.holiday-planing { margin-bottom: 40px; }
.credit-required { padding-top: 0px; margin-bottom: 20px; }
.credit-required table { border: 1px solid #e4e4e6; }
.credit-required table td { padding: 10px 10px 7px; }
.credit-required table td { border-right: 1px solid #e4e4e6 }
.total { background: #d8ecff; font-weight: 500; }
.btn-saprate-block { margin-bottom: 40px; }
.arrow-list { padding: 0; margin-bottom: 25px; }
.arrow-list li { padding-left: 20px; padding-bottom: 10px; color: #000; list-style: none; position: relative; }
.arrow-list li:last-child { padding-bottom: 0; }
.arrow-list li::before { content: "\f054"; font-family: 'Font Awesome 5 Free' !important; position: absolute; left: 0; top: 0px; display: inline-block; font-weight: 600; font-size: 11px; line-height: 13px; }
.und-link { font-size: 16px; color: #007bff; text-decoration: underline; }
.calendar-status { padding: 0; display: flex; align-items: center; flex-wrap: wrap; max-width: 320px; margin: 30px auto; }
.calendar-status li { list-style: none; color: #000; display: flex; align-items: center; flex: 0 0 50%; max-width: 50%; margin-bottom: 14px; }
.calendar-status li span { width: 16px; height: 16px; border-width: 1px; display: block; margin-right: 10px; margin-top: -7px; border-style: solid; }
.transparent-status { border-color: #c6c4c4; }
.yellow-status { border-color: #f1e6b8; background-color: #f1e6b8 }
.pink-status { border-color: #fb8079; background-color: #fb8079 }
.light-green-status { border-color: #b8d8d8; background-color: #b8d8d8 }
.scroll-month { display: block; font-size: 20px; color: #2270b8; text-align: center; }
.calander-group-slider .owl-nav .owl-prev span, .calander-group-slider .owl-nav .owl-next span { display: none; }
.calander-group-slider .owl-nav .owl-prev::after { background: url(https://pitstop.wyndhamvrap.com/wp-content/themes/whpp/images2/\left-arrow.png) no-repeat; position: absolute; width: 29px; height: 11px; content: ""; right: -5px; top: 16px; }
.calander-group-slider .owl-nav .owl-next::after { background: url(https://pitstop.wyndhamvrap.com/wp-content/themes/whpp/images2/\right-arrow.png) no-repeat; position: absolute; width: 29px; height: 11px; content: ""; left: -5px; top: 16px; }
.calander-group-slider .owl-nav { display: flex; justify-content: center; }
.calander-group-slider .owl-nav button.owl-prev, .calander-group-slider .owl-nav button.owl-next { background-color: #fff; width: 48px; height: 48px; border-radius: 50%; -webkit-border-radius: 50%; position: relative; -webkit-box-shadow: 0 0 13px 0 rgb(0 0 0 / 30%); box-shadow: 0 0 13px 0 rgb(0 0 0 / 30%); margin: 0 10px; }
.full-set-check { max-width: 724px; }
.full-credit-required { max-width: 685px; }
.full-credit-required .btn-saprate-block { margin: 0 0 0 30px; }
.calander-group-slider .owl-nav button.owl-prev:hover, .calander-group-slider .owl-nav button.owl-next:hover { background-color: #2270b8; }
.calander-group-slider .owl-nav .owl-next:hover::after, .calander-group-slider .owl-nav .owl-prev:hover::after { filter: brightness(0) invert(1); }
.calendar-card img { width: auto !important; max-width: 100%; margin: auto }
 @media only screen and (max-width:1199px) {
.calender-checkin .select-field { flex-wrap: wrap; }
.calender-checkin .select-field label { display: block; width: 100%; padding-bottom: 5px; }
.calender-credits .credit-required { margin-top: 20px; }
}
 @media only screen and (max-width:991px) {
.calendar-resort div[class*="col-"] { margin-bottom: 10px; }
.calender-checkin div[class*="col-"] { margin-bottom: 10px; }
.calander-group-slider .calendar-card { margin-bottom: 0; }

}
 @media only screen and (max-width:767px) {
.full-credit-required .btn-saprate-block { margin: 0; }
.full-credit-required { max-width: 100%; flex-wrap: wrap; margin-bottom: 40px; }
}
@media only screen and (max-width:575px) {
.calendar-status li { flex: 0 0 100%; max-width: 100%; }
.calendar-status { max-width: 100%; }
}
/*======================FOUR MONTH CALENDAR CSS END*================================*/

/****************************************************************************************************/

/*======================VIEW CANCEL RESERVATION CSS START*================================*/

/********cancel-confirmation*********/
.canceled-text { font-size: 18px; text-align: center; font-weight: 500; padding: 10px 0; margin: 0; }
/********cancel-confirmation-End*********/

/********cancel-reservation*********/
.cancel-info { text-align: center; padding-top: 10px; padding-bottom: 30px; }
.cancel-info span { display: block; font-size: 18px; font-weight: 500; padding-bottom: 10px; }
.cancel-info .blue-btn-custom { margin: 0 5px; }
@media only screen and (max-width:575px) {
.cancel-reservation-btn { flex-wrap: wrap; }
.cancel-reservation-btn .blue-btn-custom { margin-top: 15px; width: 100%; }
}
/********cancel-reservation-End*********/

/********view-cancel-reservation*********/
.ascending-list { background: #fafafa; border-bottom: solid 1px #d1d1d1; padding: 12px 20px 6px; }
.ascending-list ul { margin: 0 0 0 0; padding: 0; justify-content: flex-end; }
.ascending-list ul li { margin: 0 0 0 20px; padding: 0; list-style: none; display: flex; align-items: center; font-size: 15px; }
.ascending-list ul li .dots { position: static; display: block; margin: -8px 6px 0 0; }
.ascending-list ul li i.fa-sort { color: #77797b; margin: -6px 6px 0 0; font-size: 18px; }
.ascending-list ul li i.fa-sort-up { color: #77797b; margin: -1px 6px 0 0; font-size: 18px; }
.ascending-list ul li i.fa-sort-down { color: #77797b; margin: -16px 6px 0 0; font-size: 18px; }
.showing-number { font-size: 15px; }
.pagination-outer { padding: 15px 0; }
.pagination-outer .pagination { margin: 0 -8px 0 0; padding: 0; }
.pagination li.frist a { width: auto; border: none; color: #007bff !important; }
.pagination li.frist a:hover { color: #000 !important; background: none; }
.pagination li.line { border-right: solid 1px #007bff; padding-right: 10px; }
.confirmed-message { background: #effeed; color: #0d6601; }
.table-bordered.custom-table-two td, .table-bordered.custom-table-two th { border-top: none; position: relative; white-space: nowrap; }
.dots { position: absolute; right: 10px; width: 8px; height: 8px; border-radius: 50%; background: #77797b; top: 21px; }
.table-bordered.custom-table-two th i { position: absolute; right: 10px; top: 12px; color: #77797b; }
.custom-table-two .blue-btn-custom { padding: 8px 14px 2px; }
.search-table { margin-left: auto; max-width: 250px; }
.search-table label { margin-bottom: 0; font-size: 18px; white-space: nowrap; color: #206aad; margin-right: 20px; }
.result-table-block { padding-top: 30px; border-bottom: solid 1px #d1d1d1; padding-bottom: 20px; }
.custom-table-two.table-bordered.custom-table th { background-color: rgba(0, 0, 0, 0.05); }
@media only screen and (max-width:991px) {
.result-table-block .table-responsive { margin-bottom: 15px; }
.classic-reservation { margin-top: 15px; }
.classic-reservation a { text-align: center; }
}
 @media only screen and (max-width:575px) {
.ascending-list ul li { margin: 0; padding: 0 0 5px 0; }
.ascending-list ul { margin: 0 0 0 0; padding: 0; justify-content: flex-start; flex-wrap: wrap; flex-direction: column; }
.showing-number { padding-bottom: 8px; }
.pagination-outer { flex-wrap: wrap; flex-direction: column; }
}
/********view-cancel-reservation-End*********/

.error {color: #ff0000 !important; font-size: 16px !important;}

/*======================VIEW CANCEL RESERVATION CSS  END*================================*/

.information-text { display: block; text-align: center; font-size: 18px; padding-top: 20px; }