/***********************************/
/********** Import Fonts *********/
/***********************************/
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 100;
  src: local(""),
    url("//media.travsrv.com/appSkins/80006/v6/themes/standard/fonts/Lato/Lato-Thin.ttf") format("truetype");
}

@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  src: local(""),
    url("//media.travsrv.com/appSkins/80006/v6/themes/standard/fonts/Lato/Lato-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  src: local(""),
    url("//media.travsrv.com/appSkins/80006/v6/themes/standard/fonts/Lato/Lato-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  src: local(""),
    url("//media.travsrv.com/appSkins/80006/v6/themes/standard/fonts/Lato/Lato-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 900;
  src: local(""),
    url("//media.travsrv.com/appSkins/80006/v6/themes/standard/fonts/Lato/Lato-Black.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 900;
  src: local(""),
    url("//media.travsrv.com/appSkins/80006/v6/themes/standard/fonts/Montserrat/Montserrat-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: local(""),
    url("//media.travsrv.com/appSkins/80006/v6/themes/standard/fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: local(""),
    url("//media.travsrv.com/appSkins/80006/v6/themes/standard/fonts/Montserrat/Montserrat-Regular.ttf") format("truetype");
}

:root {
  /* Colors for consistency with Keystone*/
  --color-primary: #70BC1F;
  --color-primary-hover: #8DCA5D;
  --color-secondary: #073F79;
  ;
  --color-secondary-hover: #3C6494;
}


/***********************************/
/********** Replace Images *********/
/***********************************/

.WBLoginForm #theWBLoginFormBody,
.home .topContainer {
  background-image: url("//media.travsrv.com/appSkins/80006/v6/themes/standard/images/sky-auction-travel-hero.jpg");
  background-position: right center;
}

/* Adjust shadow */
.WBLoginForm #theWBLoginFormBody:before,
.home .topContainer:before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2) 5%, transparent);
}

/* Our Top Deals */

/* Sweeps */
.ourTopDeals .card.one .mainImg {
  background-image: url("//media.travsrv.com/appSkins/80006/v6/themes/standard/images/bg/Homepage/112003-2_RCI_HVC_POST_Desktop.jpg");
}

/* Resorts */
.ourTopDeals .card.two .mainImg {
  background-image: url("//media.travsrv.com/appSkins/80006/v6/themes/standard/images/bg/Homepage/112003-2_RCI_HVC_512x512px_DEST_Orlando.jpg");
}

/* Cars */
.ourTopDeals .card.three .mainImg {
  background-image: url("//media.travsrv.com/appSkins/80006/v6/themes/standard/images/bg/ArticlePages/112003-2_RCI_HVC_1088x816px_Roadtrip01.jpg");
}

/* Cruise */
.ourTopDeals .card.four .mainImg {
  background-image: url("//media.travsrv.com/appSkins/80006/v6/themes/standard/images/bg/Homepage/shutterstock_186964970.jpg");
}

/* Vacation Goals */

.inspirations .card.one .mainImg {
  background-image: url("//media.travsrv.com/appSkins/80006/v6/themes/standard/images/bg/Vacation/112003-2_RCI_HVC_512x512px_VACA_Beach02.jpg");
}

.inspirations .card.two .mainImg {
  background-image: url("//media.travsrv.com/appSkins/80006/v6/themes/standard/images/bg/Vacation/112003-2_RCI_HVC_512x512px_VACA_Adventure01.jpg");
}

.inspirations .card.three .mainImg {
  background-image: url("//media.travsrv.com/appSkins/80006/v6/themes/standard/images/bg/Vacation/112003-2_RCI_HVC_512x512px_VACA_Family01.jpg");
}

.inspirations .card.four .mainImg {
  background-image: url("//media.travsrv.com/appSkins/80006/v6/themes/standard/images/bg/Vacation/112003-2_RCI_HVC_512x512px_VACA_Romantic01.jpg");
}

/* Heros, Hints */

.planVacation .card.one .mainImg {
  background-image: url("//media.travsrv.com/appSkins/80006/v6/themes/standard/images/bg/ArticlePages/112003-2_RCI_HVC_1088x816px_Roadtrip02.jpg");
}

.planVacation .card.two .mainImg {
  background-image: url("//media.travsrv.com/appSkins/80006/v6/themes/standard/images/bg/ArticlePages/112003-2_RCI_HVC_1088x816px_Hero02.jpg");
}

.planVacation .card.one .mainImg {
  background-image: url("//media.travsrv.com/appSkins/80006/v6/themes/standard/images/bg/ArticlePages/5.jpg");
}

.planVacation .card.two .mainImg {
  background-image: url("//media.travsrv.com/appSkins/80006/v6/themes/standard/images/bg/ArticlePages/8.jpg");
}

/* Article Pages */

.article-shenandoah-valley-vacationsPage .article .topImage {
  background-image: url("//media.travsrv.com/appSkins/80006/v6/themes/standard/images/bg/BlogPost/8.jpg");
}

.article-city-vacationsPage .article .topImage {
  background-image: url("//media.travsrv.com/appSkins/80006/v6/themes/standard/images/bg/BlogPost/12.jpg");
}

.article-colorado-vacationsPage .article .topImage {
  background-image: url("//media.travsrv.com/appSkins/80006/v6/themes/standard/images/bg/BlogPost/3.jpg");
}

.article-island-getaway-vacationsPage .article .topImage {
  background-image: url("//media.travsrv.com/appSkins/80006/v6/themes/standard/images/bg/BlogPost/5.jpg");
}

.article-beach-vacationsPage .article .topImage {
  background-image: url("//media.travsrv.com/appSkins/80006/v6/themes/standard/images/bg/BlogPost/112003-2_RCI_HVC_2720x680px_BlogPost01.jpg");
}

.article-adventure-vacationsPage .article .topImage {
  background-image: url("//media.travsrv.com/appSkins/80006/v6/themes/standard/images/bg/BlogPost/112538_HCV_Mtn546808545_2720x680px.jpg");
  background-position: center;
}

.article-family-vacationsPage .article .topImage {
  background-image: url("//media.travsrv.com/appSkins/80006/v6/themes/standard/images/bg/BlogPost/112003-2_RCI_HVC_2720x680px_BlogPost01.jpg");
  background-position: center;
}

.article-romantic-vacationsPage .article .topImage {
  background-image: url("//media.travsrv.com/appSkins/80006/v6/themes/standard/images/bg/BlogPost/112538_HCV_Beach874980444_2720x680px.jpg");
  background-position: center;
}

.article-travel-with-kidsPage .article .topImage {
  background-image: url("//media.travsrv.com/appSkins/80006/v6/themes/standard/images/bg/BlogPost/112003-2_RCI_HVC_2720x680px_BlogPost01.jpg");
}

.article-welcomePage .article .topImage {
  background-image: url("//media.travsrv.com/appSkins/80006/v6/themes/standard/images/bg/BlogPost/112538_HCV_Beach874980444_2720x680px.jpg");
  background-position: center;
}

/****************************/
/********* Font-Family ***********/
/****************************/

body, .arnAirRevelex header.alphaSkin,
.arnCruise header.alphaSkin,
.arnCruise .profile-dropdown li,
.arnVillas header.alphaSkin {
  color: #212427;
  font-family: 'Lato', sans-serif;
}

.page.home h2 {
  font-size: 36px;
  letter-spacing: -0.25px;
  font-weight: bold;
}

.page.home p {
  color: #212427;
  font-size: 18px;
}

h4, .ArnSubPage h4 {
  line-height: 24px;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.16px;
}

/****************************/
/********* Global ***********/
/****************************/


/******* Submit Buttons *******/

/* All btns across all pages */

.submit,
.upgradeButton,
a.ArnShowRatesLink,
.SinglePropDetail a.bookRoom,
.page.home .freeTrial .content a.submit,
.WBLoginFormContainer.ArnSubPage #theWBLoginForm .submit,
.page.home .dashboard .columnThree .submit,
.ArnQuadSearchContainer .submit,
.ArnCarRentals .search-container .btn,
.SearchHotels .modifySearchButton,
.ArnActivities button.btn,
.buttonLink,
.arnVillas a.btns .search-button,
.page.home .dashboard .box a .submit {
  background-color: #073F79;
  color: white;
}

.submit:hover,
.upgradeButton:hover,
a.ArnShowRatesLink:hover,
.SinglePropDetail a.bookRoom:hover,
.page.home .freeTrial .content a.submit:hover,
.WBLoginFormContainer.ArnSubPage #theWBLoginForm .submit:hover,
.page.home .dashboard .columnThree .submit:hover,
.ArnQuadSearchContainer .submit:hover,
.ArnCarRentals .search-container .btn:hover,
.ArnActivities button.btn:hover,
.buttonLink:hover,
.arnVillas a.btns .search-button:hover,
.page.home .dashboard .box a:hover {
  background-color: #3C6494;
}





/******** title pill-box tabs *******/

.page .popularDestinations .featuredDestinationsContainer .savingsLink span,
.page .ourTopDeals .title {
  color: #fff;
  background-color: #073F79;
  ;
}

/* Forgot password page */

.WBForgotPasswordFormContainer.ArnSubPage {
  background-color: #f5f5f5;
}

.ArnSubPage.WBFaq a {
  color: #00accd;
}

/****************************/
/* hotels, resorts, cars, activities */
/****************************/

.ArnQuadSearchContainer .submit,
.ArnCarRentals .search-container .btn,
.ArnActivities button.btn,
a.ArnShowRatesLink,
.SearchHotels .modifySearchButton,
.SearchHotels .ArnLeftSearchContainer .submit,
#searching .submit, .SearchHotels .ArnContentContainer a.bookRoom {
  background-color: #073F79;
  color: white;
}

.ArnQuadSearchContainer .submit:hover,
.ArnCarRentals .search-container .btn:hover,
.ArnActivities button.btn:hover,
a.ArnShowRatesLink:hover,
.SearchHotels .modifySearchButton:hover,
.SearchHotels .ArnLeftSearchContainer .submit:hover,
#searching .submit:hover, .SearchHotels .ArnContentContainer a.bookRoom:hover {
  background-color: #3C6494;
  color: white;
}

/****************************/
/*********** Sections **********/
/****************************/

/* Hero */
/**** WBLoginForm  & Search Widget ****/
/***************************************/
.WBLoginForm .loginContainer {
  background-color: rgba(244, 245, 246, 0.5);
  /*#f4f5f6;*/
}

.home .titleContent {
  background-color: rgba(7, 63, 121, 0.6);
}

.WBLoginForm .loginContainer img {
  max-width: 100%;
  margin: 15px 0;
}

.WBLoginFormContainer.ArnSubPage #theWBLoginForm h2 {
  font-weight: 700;
  max-width: 70%;
  color: #073F79;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 32px;
}

.WBLoginFormContainer.ArnSubPage #theWBLoginForm a, .WBLoginFormContainer.ArnSubPage #theWBLoginForm .FormActions a {
  color: #000;
}

.WBLoginFormContainer .createAccountContainer span {
  color: #000;
}

.WBLoginFormContainer.ArnSubPage #theWBLoginForm .submit {
  text-transform: uppercase;
  background-color: #D35400;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1.25px;
}

.WBLoginFormContainer.ArnSubPage .CreateAnAccountAction .submit .light {
  background-color: transparent;
}


/* Get Started On Your Next Adventure */
/***************************************/

.page.home .productList {
  background-color: #fff;
}

.page.home .productList h2 {
  color: rgba(7, 63, 121, .7);
  font-weight: 900;
  font-size: 36px;
  letter-spacing: -0.25px;
  font-family: 'Montserrat', sans-serif;
}

.page.home .productList h4 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: rgba(7, 63, 121, .7);
  font-size: 24px;
  letter-spacing: 0;
}

.page.home .productList p {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  letter-spacing: 0;
  font-weight: 400;
}

.page .productList .box {
  border: unset !important;
}

/******** cards/Exclusives *******/

.page div.sectionContainer .content .box.columnOne.color,
.page div.sectionContainer .content .box.columnTwo.color,
.page div.sectionContainer .content .box.columnThree.color {
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
}

.page.home .exclusives img {
  background-color: #073F79;
  border-radius: 50%;
}

.page.home .exclusives {
  background-color: #F5F5F5;
}

.page.home .exclusives h2 {
  color: #073F79;
}

.page .exclusives div.sectionContainer .small {
  font-size: 16px;
  letter-spacing: 0.46px;
  line-height: 24px;
}

/* Our Top Deals */
/***************************************/

.page.home .ourTopDeals {
  background-color: #fff;
}

.page.home .ourTopDeals h2 {
  color: #073F79;
}

.page.home .ourTopDeals h3 {
  font-weight: bold;
  color: #000000;
  font-size: 20px;
  letter-spacing: 0.16
}

/* Getaway Goals */
/***************************************/

.page.home .inspirations {
  background-color: #E8F0F8;
}

.page.home .inspirations h2 {
  color: #073F79;
}

.page.home .inspirations h3 {
  font-weight: bold;
}

.page.home .inspirations p {
  font-size: 18px;
}

.page.home .inspirations .photocardlist .card {
  background-color: #073F79;
}

.page.home .inspirations .photocardlist .card .contentBox h3 {
  color: white;
}

/* Destinations, Dream & Discover */
/***************************************/

.page.home .popularDestinations {
  background-color: #fff;
}

.page.home .popularDestinations h2 {
  color: #073F79;
}

x.page.home .popularDestinations p {}

/* Destinations updated style over-ride franken 77062 line 4663 */
.featuredDestinationsContainer .destinationSavings a.destinationIncentiveLink {
  display: block !important;
  color: #fff;
  font-weight: 300;
}

/* over-ride franken 77062 line 4674 */
.page .popularDestinations .featuredDestinationsContainer .savingsLink span.averagePercenteOff {
  font-weight: 500;
  display: block;
  color: #000;
  font-size: 15px;
}

/* over-ride franken 77062 line 4679 */
.page .popularDestinations .featuredDestinationsContainer .savingsLink {
  font-weight: 700;
}

/*can go in branding line 219 or franken line 4646*/
.page .popularDestinations .featuredDestinationsContainer .savingsLink span,
.page .ourTopDeals .title {
  color: #fff;
  font-size: 14px;
  letter-spacing: 0;
  background-color: #7D314C;
}

/* Hints & Happenings */
/***************************************/

.page.home .planVacation {
  background-color: #ACC1D5;
}

x.page.home .planVacation h2 {}

.page.home .planVacation h4 {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0.18px;
}

.page .planVacation .contentBox a {
  font-weight: bold;
}

/* Join Today and Save */
/***************************************/

.page.home .freeTrial {
  background-color: #fff;
  font-size: 36px;
}

.page.home .freeTrial h2 {
  color: #073F79;
}

.page.home .freeTrial p {
  color: #073F79;
}

.WBLoginForm .freeTrial .content .externalbutton .submit,
.page.home .freeTrial .content a.submit {
  border-radius: 4px;
  background-color: #D35400;
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1.25px;
}

.WBLoginForm .freeTrial .content .contact {
  color: #073F79;
  text-decoration: underline;
}

.page a, .page a:link {
  text-decoration: none;
  color: #073F79;
}

/* Footer */
/***************************************/

.ArnSupportLinks.ArnSupportBottom {
  background-color: #f9f8fb;
}

.ArnSupportLinks.ArnSupportBottom a {
  color: #212427;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.67px;
}

footer {
  background-color: #fff;
}

footer .staticContainer .otcTermsLink {
  color: #073F79;
}

footer a.privacyLink,
footer a.travelclubPhoneUS {
  color: #333;
}

/* Navbar */
/***************************************/

.alphaSkin .nav-top {
  background-color: #073F79;
}

.alphaSkin .nav-top .top-links a {
  font-weight: 700;
}

.arnVillas header.alphaSkin .profile-dropdown .rewards .rewards-link {
  color: #073F79 !important;
}

@media screen and (min-width: 1001px) {

  .alphaSkin .nav-bottom>ul>li.active:not(.alphaSkin .nav-bottom li.overflow-btn-container.active),
  .alphaSkin .nav-bottom>ul>li:hover:not(.alphaSkin .nav-bottom li.overflow-btn-container:hover) {
    border-bottom: 4px solid #073F79 !important;
  }

  .alphaSkin .nav-bottom li:hover>a,
  .alphaSkin .nav-bottom li.active>a,
  .arnVillas .alphaSkin .nav-bottom li:hover>a,
  .arnVillas .alphaSkin .nav-bottom li.active>a,
  .alphaSkin .profile-btn .profile-dropdown #logout:hover>a {
    color: #073F79 !important;
  }


  .alphaSkin .nav-bottom li:hover>a svg,
  .alphaSkin .nav-bottom li.active>a svg,
  .alphaSkin .profile-btn .profile-dropdown #logout:hover>svg,
  .alphaSkin .nav-bottom .overflow-btn-container:hover>button svg {
    fill: #073F79;
  }
}

.arnVillas header.alphaSkin .nav-bottom a:active {
  color: #073F79 !important;
}


/* background hover on overflow and dropdown */
.alphaSkin .nav-bottom .overflow-btn-container li:hover,
.alphaSkin .profile-btn .profile-dropdown .drop-link:hover,
.alphaSkin .profile-btn .profile-dropdown form:hover {
  background-color: #f4f4f4;
}

.alphaSkin .profile-btn .profile-dropdown form:hover>button,
.alphaSkin .profile-btn .profile-dropdown .drop-link:hover>a span {
  color: #073F79;
}

.alphaSkin .profile-btn .profile-dropdown form:hover>button svg {
  fill: #073F79;
}

/* VacayHomes Product Link Adjustment */

.arnVillas header.alphaSkin .menuItem a:not(.glyphicon):not(.btns):not(.compare):not(.ui-state-default):not(.nav-link) {
  font-weight: 500;
}

.arnVillas .alphaSkin .nav-top .top-link a {
  font-weight: 600 !important;
}



/* Dashboard */
/***************************************/

.page.home .dashboard {
  background-color: #073F79;
}

.page.home .dashboard h3 {
  color: white;
  font-weight: 900;
}

.page.home .dashboard h4 {
  font-weight: 900;
}

#arnliusername {
  font-weight: 900;
}

.page.home .dashboard .freeTrialMember a {
  font-weight: bold;
}

.page.home .dashboard .box p {
  font-weight: bold;
}

.page.home .dashboard .box a {
  font-weight: bold;
  color: white;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1.31px;
  text-transform: capitalize;
}

.page.home .dashboard .columnTwo .box {
  background-color: #fff8f2;
}

.page.home .dashboard .columnThree .submit {
  font-weight: bold;
  color: white;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1.31px;
  text-transform: capitalize !important;
}

.page .dashboard div.sectionContainer .content .details .freeTrialMember a {
  padding: 1rem 2rem;
  font-weight: bold;
  color: white;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1.31px;
  text-transform: capitalize !important;
  display: flex;
  flex-wrap: nowrap;
  text-align: center;
  align-items: center;
  padding: 0.5rem;
  justify-content: center;
  background-color: #D35400;
}

.page .dashboard div.sectionContainer .content .noUpcoming a,
.page .dashboard div.sectionContainer .content .columnThree.detail.recentSearches .submit,
.searchForm div.the-submit-button-area #theSubmitButton.submit {
  background-color: #D35400;
  color: white;
}

.page .dashboard div.sectionContainer .content .details .freeTrialMember a:hover,
.page .dashboard div.sectionContainer .content .noUpcoming a:hover,
.page .dashboard div.sectionContainer .content .columnThree.detail.recentSearches .submit:hover,
.searchForm div.the-submit-button-area #theSubmitButton.submit:hover,
.WBLoginFormContainer.ArnSubPage #theWBLoginForm .submit:hover,
.page.home .freeTrial .content a.submit:hover {
  background-color: #7C7C7E;
  color: white;
}

.page.home .dashboard .columnFour .box {
  background-color: #fff8f2;
}

.page.home .dashboard .columnFour p {
  font-weight: 400;
  color: black;
}

.dashboard .columnFour.detail.offer .box p.bookNow {
  color: #000;
}

/* Account Summary/Admin */
/***************************************/

.accoundDetails .memberDetails {
  background-color: #073F79;
}

a.upgradeButton.premium {
  color: black;
}

.adminView .accountSummary {
  background-color: #073F79;
}

#theMyAccountDetailsGroup .FormFields a,
.WBClub365Menu a {
  color: #073F79;
}

.filters a.selected {
  background-color: #073F79;
}

/*ArnNoPropertyResults*/

.ArnNoPropertyResults .arrowDown:before {
  border-top-color: #073F79;
}


.inspirations .card.two .mainImg {
  background-position: left;
}

@media only screen and (min-width: 1000px) {

  a.selectedTab,
  a.selectedTab:hover {
    background-color: #073F79;
  }
}



.SinglePropDetail .upgradePremium {
  color: #21b469;
  border-top: 1px solid #21b469;
  border-bottom: 1px solid #21b469;
  width: 100%;
  display: block;
  padding: 8px 15px;
  font-size: 15px;
  margin: 0 0 10px auto;
}


.FinalConfirmation .crossSell .crossSellImageContainer .promoTag,
.FinalConfirmation .crossSell .crossSellTitle .recommendedTag {
  background-color: #073F79;

}

.FinalConfirmation .crossSell .carUpsellBtn {
  background-color: #CD512E;

}

.FinalConfirmation .crossSell .carUpsellBtn:hover {
  background-color: #7C7C7E;
}


/***************************************/
/************* Custom ******************/
/***************************************/

.page .dashboard div.sectionContainer .content .details .freeTrialMember {
  text-transform: capitalize;
}

.alphaSkin .nav-bottom .productLink {
  font-family: 'Montserrat', sans-serif;
}

@media screen and (max-width: 1000px) {
  .alphaSkin .nav-bottom>.links {
    overflow-y: hidden;
  }
}

/*align text on member savings*/
.StandardMemberType .memberSavings,
.memberSavings {
  text-align: center;
  color: #36382E;
}

#theHorsePowerStickers {
  margin: 10px 0;
}

/*updates with Revelex - do not remove 62421*/
.arnAirRevelex {
  display: block !important;
}

.arnAirRevelex .main-area-container .main-area-header {
  display: none;
}

.cruise .cw-search-bar input, .arnAirRevelex .cw-search-bar input {
  text-indent: 0 !important;
}

.cruise .main-area-container .main-area-header {
  display: none;
}

/*end of Revelex over-rides*/

/*keystone over-rides*/
.upgradeMembershipSection {
  border: none;
}

.RootTypeDestination .popularDestinationsLandingContainer, .RootTypeDestination .popularCities {
  display: block;
}

/***************************************/
/************* Cobrands ****************/
/***************************************/

/* Default */

@media screen and (min-width: 301px) {
  /* Display  .vl.cobrandvl */
}

/* Custom */
.userAdmin .ArnSupportLinks.ArnSupportBottom.static, .WBLoginForm .ArnSupportLinks.ArnSupportBottom.static, .ArnSupportLinks.ArnSupportBottom.static {
  display: block;
  background-color: #F4F5F6;
  padding: 20px 0;
}

footer p {
  font-size: 15px;
}


/**************************************************/
/*************** keystone overrides **************/
/***************************************************/

/*place back in photo on password reset*/
.WBForgotPasswordForm div#accountRight {
  width: 100%;
  height: 728px;
  min-height: 728px;
  padding: 5.5rem 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center right;
}

.RegistrationPage .ArnSubPage #thePersonalInfoGroup div label,
.WBValidatedRegistrationFormContainer #thePersonalInfoGroup div label {
  top: 1.55rem;
}

.WBForgotPasswordForm #theUserNameAjax label {
  top: 1.6rem;
}

.WBForgotPasswordForm .Required label:after {
  display: none;
}

.WBValidatedRegistrationForm .SSForm .SSFormBody form .registrationText:nth-child(2) {
  display: none !important;
}

/*registration page/join now adjustments after keystone installation*/

/*password field*/
.RegistrationPage .ArnSubPage #theEditablePasswordAjax,
.RegistrationPage .ArnSubPage #theLastNameAjax,
.RegistrationPage .ArnSubPage #theFirstNameAjax,
.WBValidatedRegistrationFormContainer #theLastNameAjax,
.WBValidatedRegistrationFormContainer #theEditablePasswordAjax,
.WBValidatedRegistrationFormContainer #theFirstNameAjax {
  border-bottom: 1px solid #aaa;
  padding: 0 0 2.5rem 0;
  display: grid;
}

.RegistrationPage #accountRight {
  position: relative;
}

/*
#accountRight {
    width: 50%;
    height: 480px;
    min-height: 480px;
}*/
.registrationPaywall #accountRight {
  width: 100%;
}

/*end of registration page updates*/


.CheckoutMode-WBCheckoutFormKeystoneTCMP .roomCount {
  color: #7D314C;
}

.CheckoutMode-WBCheckoutFormKeystoneTCMP .percentSavings {
  color: #36382E;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropName a.ArnPropNameLink span[itemprop="name"] {
  color: #36382E;
}

.searchOptionsControls button.doneSearchOptions.submit:hover {
  background: #8DCA5D;
  color: #36382E;
}

.alphaSkin .searchOptionsControls button.clearSearchOptions.submit {
  border: 2px solid #073F79;
  background-color: white;
  color: #073F79;
}

.alphaSkin .searchOptionsControls button.clearSearchOptions.submit:hover {
  border: 2px solid #073F79 !important;
  background-color: #073F79;
  color: white;
}

.SinglePropDetail .checkRatesWrapper #CheckRatesButton.ds-primary.submit,
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch form>input[value="Check Rates"].submit,
.SinglePropDetail a.bookRoom.ds-primary,
.searchOptionsControls button.doneSearchOptions.submit {
  border-radius: var(--button-default-radius, 4px);
  border: 2px solid var(--Brand---Primary, #70BC1F);
  background: var(--Brand---Primary, #70BC1F);
  color: #36382E;
}

.SinglePropDetail .checkRatesWrapper #CheckRatesButton.ds-primary.submit:hover,
.SinglePropDetail a.bookRoom.ds-primary:hover,
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch form>input[value="Check Rates"].submit:hover,
.SinglePropDetail a.bookRoom.ds-primary:hover,
.searchOptionsControls button.doneSearchOptions.submit:hover {
  background: #8DCA5D;
  border: 2px solid var(--Brand---Primary, #8DCA5D);
  color: #36382E;
}

.SinglePropDetail.WBPropertyDetailViewKeystone a.showRoomsLink {
  border-radius: var(--button-default-radius, 4px);
  border: 2px solid var(--Brand---Secondary, #073F79);
  background: var(--Brand---Secondary, #073F79);
}

.SinglePropDetail.WBPropertyDetailViewKeystone a.showRoomsLink:hover {
  background: var(--brand-secondary-hover, #3C6494);
  border-radius: var(--button-default-radius, 4px);
  border: 2px solid var(--Brand---Secondary, #3C6494);
}


.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .FormFields div input#theCountryCode,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .FormFields div input#theAreaCode,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .FormFields div input#thePhoneNumber {
  width: 90%;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .FormFields table tr {
  display: flex;
  justify-content: center;
  align-items: center;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .FormFields {
  margin-top: 0;
}

.RegistrationPage div.passwordInputView span.passwordShow,
.WBValidatedRegistrationFormFields div.passwordInputView span.passwordShow {
  top: 42px;
}

.RootTypeDestination .landingBottomContent {
  display: none !important;
}

.CheckOutForm #theCopyInfoAjax.FormFields {
  display: flex;
  align-items: center;
}

/*************** smaller screen size / mobile adjustments *****************/

@media only screen and (min-width: 1001px) and (max-width: 1200px) {
  .page div.sectionContainer .content .grid {
    grid-gap: 0.5em;
  }

  .page .dashboard div.sectionContainer .content a.box.one,
  .page .dashboard div.sectionContainer .content a.box.two,
  .page .dashboard div.sectionContainer .content a.box.three {
    width: 100%;
    min-width: 220px;
  }
}

/*needs to go in keystone better search icon image*/
@media screen and (max-width: 1000px) {

  .SearchHotels.SearchMode-WBHotelListKeystone #theSubmitButton,
  .SearchHotels.SearchMode-WBHotelListKeystone #theSubmitButton:hover {
    background-image: url('//media.travsrv.com/appSkins/67908/v6/themes/standard/images/icons/searchWhiteIcon.png?%version%') !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
  }

  .alphaSkin .nav-bottom {
    width: 100%;
    height: 60px;
  }

}

@media screen and (max-width: 800px) {
  .SearchHotels.SearchMode-WBHotelListKeystone .ArnLeftSearchContainer {
    margin: 10px 0;
  }

  x.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropName a.ArnPropNameLink span[itemprop="name"] {
    height: 70px !important;
    max-width: 220px;
  }

  .ArnPropClass, .customRatingImageSpan {
    margin: 30px 0 0;
  }

  .SearchHotels.SearchMode-WBHotelListKeystone .reviewCount {
    margin: 6px 0 0 0;
  }

  .ratingCount {
    margin: 6px 0 0 0;
  }
}

@media screen and (max-width: 600px) {
  #theCardExpirationFieldsAjax table {
    display: flex;
  }
}

/*calendar*/
.CheckoutMode-WBCheckoutFormKeystoneTCMP .litepicker .container__days .day-item.is-start-date,
.CheckoutMode-WBCheckoutFormKeystoneTCMP .litepicker .container__days .day-item.is-start-date:hover,
.CheckoutMode-WBCheckoutFormKeystoneTCMP .litepicker .container__days .day-item.is-end-date,
.CheckoutMode-WBCheckoutFormKeystoneTCMP .litepicker .container__days .day-item.is-end-date:hover {
  color: #351f65;
  background-color: #ACC1D5;
}

.CheckoutMode-WBCheckoutFormKeystoneTCMP .litepicker .container__days .day-item.is-in-range,
.CheckoutMode-WBCheckoutFormKeystoneTCMP .litepicker .container__days .day-item.is-in-range:hover {
  background-color: #E8F0F8;
}

/*star rating*/
.ArnPropClass svg path, .customRatingImageSpan svg path {
  fill: var(--star-rating-active, #073f79);
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .ArnIndividualSearchContainer.ArnPropertyClassesContainer div span svg path {
  fill: #073f79;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks a.active:after,
.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks a:hover:after {
  background-color: #073F79 !important;
}

.CheckoutMode-WBCheckoutFormKeystoneTCMP .ratingCount {
  background-color: #ACC1D5;
}

.SinglePropDetail .bestAvailable {
  background-color: #F5F5F5;
}

.CheckoutMode-WBCheckoutFormKeystoneTCMP .ds-secondary {
  background-color: #073F79;
}

.CheckoutMode-WBCheckoutFormKeystoneTCMP .ds-secondary:hover {
  background-color: #3C6494;
}

/***************** END OF KEYSTONE OVERRIDES *****************/


.crossSell .crossSellImageContainer {
  position: relative;
  min-height: 150px;
  background-image: url('//media.travsrv.com/appSkins/80006/v6/themes/standard/images/carupsell.png') !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/******* CrossSell Car Banner for Confrimation page *********/
.FinalConfirmation .crossSell .crossSellTitle {
  display: flex;
  align-items: center;
  padding: 11px 24px;
  justify-content: space-between;
}

/* Align first and last name fields for mobile view */
@media screen and (max-width: 500px) {
  .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .WBGuestFormFields .ArnGuestNames>table td {
    padding: 0 0 10px 0;
  }
}

/* Center user reviews on map */
.ArnTripAdvisorDetails img {
  margin: 0 auto;
}

/*password page*/
.WBForgotPasswordForm .SSForm.ArnSubPage .SendMeNewPasswordAction.submit {
  background-color: #C0C0C0;
}