/***********************************/
/********** Import Fonts *********/
/***********************************/
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 100;
    src: local(""), url("//media.travsrv.com/appSkins/78311/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/78311/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/78311/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/78311/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/78311/v6/themes/standard/fonts/Lato/Lato-Black.ttf") format("truetype");
}

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

.WBLoginForm #theWBLoginFormBody,
.home .topContainer {
    background-image: url("//media.travsrv.com/appSkins/78311/v6/themes/standard/images/prelogin.png");
    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/78311/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/78311/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/78311/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/78311/v6/themes/standard/images/bg/Homepage/shutterstock_186964970.jpg");
}

/* Vacation Goals */

.inspirations .card.one .mainImg {
    background-image: url("//media.travsrv.com/appSkins/78311/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/78311/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/78311/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/78311/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/78311/v6/themes/standard/images/bg/ArticlePages/112003-2_RCI_HVC_1088x816px_Roadtrip02.jpg");
}

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

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

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

/* Article Pages */

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

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

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

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

.article-beach-vacationsPage .article .topImage {
    background-image: url("//media.travsrv.com/appSkins/78311/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/78311/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/78311/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/78311/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/78311/v6/themes/standard/images/bg/BlogPost/112003-2_RCI_HVC_2720x680px_BlogPost01.jpg");
}

.article-welcomePage .article .topImage {
    background-image: url("//media.travsrv.com/appSkins/78311/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: #000;
    font-family: "Lato", sans-serif !important;
}

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

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

/* All btns across all pages */

/*.submit,
.upgradeButton,
a.ArnShowRatesLink,
.SinglePropDetail a.bookRoom,
.page.home .freeTrial .content a.submit,
x.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,
.userAdmin #theMyAccountDetailsGroup .editableSection .submit,
.ArnCarRentals .submit,
.FinalConfirmation .crossSell .carUpsellBtn {
	background-color: #cdcbcc;
	color: black;
}

.submit:hover,
.upgradeButton:hover,
a.ArnShowRatesLink:hover,
.SinglePropDetail a.bookRoom:hover,
.page.home .freeTrial .content a.submit:hover,
x.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,
.userAdmin #theMyAccountDetailsGroup .editableSection .submit:hover,
.ArnCarRentals .submit:hover,
.FinalConfirmation .crossSell .carUpsellBtn:hover {
	background-color: #a4a2a3;
}*/

/*button Styles overrides*/
.staticWidgetPage .topContainer .titleContainer .topSearch .submit {
    xpadding: 0;
}

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

.page .popularDestinations .featuredDestinationsContainer .savingsLink span,
.page .ourTopDeals .title,
.FinalConfirmation .crossSell .crossSellImageContainer .promoTag,
.FinalConfirmation .crossSell .crossSellTitle .recommendedTag {
    color: #fff;
    background-color: #518499;
}

/* Forgot password page */

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

.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,
.ArnCarRentals .submit {
    xbackground-color: #0464b0;
    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,
.ArnCarRentals .submit:hover {
    xbackground-color: #0464b0;
    color: white;
}

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

/* Hero */
/**** WBLoginForm  & Search Widget ****/
/***************************************/
.WBLoginForm .loginContainer {
    background-color: rgba(2, 107, 159, 0.9);
}

.home .titleContent {
    background-color: rgba(2, 107, 159, 0.5);
}

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

.WBLoginFormContainer.ArnSubPage #theWBLoginForm h2 {
    font-weight: 700;
    max-width: 70%;
}

x.WBLoginFormContainer.ArnSubPage #theWBLoginForm .submit {
    font-weight: 900 !important;
    xbackground-color: #666;
    xcolor: white;
    text-transform: uppercase;
}

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

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

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

.page.home .productList h2 {
    color: #666;
    font-weight: 900;
}

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

.page.home .productList p {
    color: #666;
}

/* Exclusives */
/***************************************/

.page.home .exclusives {
    xbackground-color: #00538f;
}

.page.home .exclusives h2 {
    xcolor: white;
    xfont-weight: 700;
}

.page.home .exclusives .headline p {
    xfont-weight: 400;
}

.page.home .exclusives .iconcardlist h4 {
    xfont-weight: 600;
    xcolor: white;
}

.page.home .exclusives .iconcardlist p {
    xfont-weight: 400;
    xcolor: white;
}

/******** cards *******/

.page .exclusives div.sectionContainer .content .box.columnOne.color,
.page .exclusives div.sectionContainer .content .box.columnTwo.color,
.page .exclusives div.sectionContainer .content .box.columnThree.color {
    background-color: white;
    border: 2px solid #026b9f;
    color: #666;
}

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

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

.page.home .ourTopDeals h2 {
    font-weight: 900;
    color: white;
}

.page.home .ourTopDeals h3 {
    font-weight: 900;
    color: #296f84;
}

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

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

.page.home .inspirations h2 {
    color: #666;
    font-weight: 900;
}

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

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

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

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

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

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

.page.home .popularDestinations h2 {
    color: white;
    font-weight: 900;
}

.page.home .popularDestinations p {
    color: white;
    font-size: 18px;
}

.featuredDestinationsContainer .destinationSavings a.destinationIncentiveLink {
    display: block !important;
    color: #fff;
    font-weight: 300;
}

.page .popularDestinations .featuredDestinationsContainer .savingsLink span.averagePercenteOff {
    font-weight: 500;
    display: block;
    color: #000;
    font-size: 15px;
}

.page .popularDestinations .featuredDestinationsContainer .savingsLink {
    font-weight: 700;
}

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

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

.page.home .planVacation h2 {
    font-weight: 900;
    color: #666;
}

.page.home .planVacation h4 {
    font-weight: 900;
    color: #666;
}

.page .planVacation .contentBox a {
    font-weight: 900;
    color: #518499;
}

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

.page.home .freeTrial {
    background-color: #026b9f;
    color: white;
}

.page.home .freeTrial h2 {
    color: white;
    font-weight: 900;
}

.page.home .freeTrial p {
    color: white;
}

x.WBLoginForm .freeTrial .content .externalbutton .submit,
x.page.home .freeTrial .content a.submit {
    font-weight: 900;
    text-transform: uppercase;
}

.WBLoginForm .freeTrial .content .contact {
    color: white;
    text-decoration: underline;
    xbackground-color: #666;
}

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

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

.ArnSupportLinks.ArnSupportBottom a {
    color: #296f84;
    font-weight: 600;
}

footer {
    background-color: #f9f8fb;
}

footer .staticContainer .otcTermsLink {
    color: #518499;
}

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

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

.alphaSkin .nav-top {
    background-color: #026b9f;
}

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

.arnVillas header.alphaSkin .profile-dropdown .rewards .rewards-link {
    color: #0463af !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 #0463af !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: #0463af !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: #0463af;
    }
}

.arnVillas header.alphaSkin .nav-bottom a:active {
    color: #0463af !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: #0463af;
}

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

/* 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: #026b9f;
}

.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 {
    xcolor: white;
    font-weight: 900;
    xbackground-color: initial;
}

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

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

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

.page.home .dashboard .columnThree .submit {
    xbackground-color: #e57754;
    xcolor: white;
    font-weight: 900;
}

.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: #026b9f;
}

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

.accoundDetails .memberDetails {
    background-color: #026b9f;
}

a.upgradeButton.premium {
    color: black;
}

.adminView .accountSummary {
    background-color: #026b9f;
}

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

.buttonLink {
    background-color: #026b9f;
}

.filters a.selected {
    background-color: #026b9f;
}

/*ArnNoPropertyResults*/

.ArnNoPropertyResults .arrowDown:before {
    border-top-color: #026b9f;
}

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

@media only screen and (min-width: 1000px) {
    a.selectedTab,
    a.selectedTab:hover {
        background-color: #0464b0;
    }
}

.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;
}

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

/* Delete this section if cloned */

.alphaSkin.registrationPaywall .FieldRadioGroup div.membership label {
    z-index: inherit;
}

/* New Hotel Checkout Mods/ Delete if cloned */

/* .CheckOutForm .cvvInfo {
  display: none;
}

.CheckOutForm #theCvvCode {
  width: 100%;
  background-position: calc(100% - 10px) 50%;
  background-image: url(//media.travsrv.com/appSkins/64/v6/themes/global/skins/images/cvv.svg);
  background-repeat: no-repeat;
  background-size: 40px;
}

.CheckOutForm #theCardExpirationFieldsAjax {
  display: inline-block;
  vertical-align: bottom;
  width: 33.3%;
}

.CheckOutForm #theBillingAddressAjax1 {
  padding-top: 40px;
}

.CheckOutForm #theExpirationMonthAjax {
  padding: 0 .15rem;
}


.CheckOutForm #theCreditCardNumberAjax1 {
  display: inline-block;
  padding: 0 0.15rem 0 0;
  width: 50%;
}

.CheckOutForm #theCardExpirationFieldsAjax td {
  width: 16.6%
}

.CheckOutForm #theExpirationYearAjax {
  padding: 0 .15rem;
}

.CheckOutForm #theEmailAddressAjax {
  width: 50%;
  padding: 0 .15rem 0 0;
  display: inline-block;
}

.CheckOutForm #thePhoneNumberFieldsAjax {
  width: 50%;
  display: inline-block;
  vertical-align: bottom;
  padding: 0 0 0 .15rem;
}

.CheckOutForm #thePhoneNumberAjax input {
  width: 100%;
}

.CheckOutForm #theCityAjax1 {
  width: 50%;
  display: inline-block;
  padding: 0 0.15rem 0;
}

.CheckOutForm .zipcodeContainer {
  display: inline-block;
  width: 16.6%;
  padding: 0 0 0 0.15rem;
}

.CheckOutForm #theCardVerificationAjax {
  margin-right: initial;
  display: inline-block;
  width: 16.6%;
  padding: 0 0 0 0.15rem
}

.CheckOutForm .guestCountryList {
  width: 16.6%;
  padding: 0 0.15rem;
}

.CheckOutForm .guestStateList {
  width: 16.6%;
  padding: 0 0.15rem;
}



.CheckOutForm #theConfirmationContainer,
.CheckOutForm #theRoomOneAjax {
  background-color: #f8f8f8;
}

.CheckOutForm #theRewardNumberAjax {
  display: none;
}


@media screen and (max-width: 1200px) {
  .CheckOutForm .zipcodeContainer {
    width: 50%;
  }

  .CheckOutForm .guestStateList {
    width: 50%;
  }

  .CheckOutForm .guestCountryList {
    width: 50%;
  }

  .CheckOutForm #theCreditCardNumberAjax1 {
    width: 100%;
  }

  .CheckOutForm #theCardExpirationFieldsAjax {
    width: 66.6%;
  }

  .CheckOutForm #theCardVerificationAjax {
    width: 33.3%;
  }
}

@media screen and (max-width: 1000px) {
  .CheckOutForm .ArnSubPage .FormFields select {
    padding: 0 0 0 10px;
  }

}

@media screen and (max-width: 500px) {
  .CheckOutForm #theEmailAddressAjax {
    width: 100%;
  }

  .CheckOutForm #thePhoneNumberFieldsAjax {
    width: 100%;
  }

  .CheckOutForm #theCvvCode {
    background-size: 30px;
  }
}

@media screen and (max-width: 300px) {
  .CheckOutForm #theCvvCode {
    background-size: 25px;
  }

  .CheckOutForm #theCityAjax1 {
    width: 100%;
  }

  .CheckOutForm .zipcodeContainer {
    width: 100%;
  }

  .CheckOutForm .guestCountryList {
    width: 100%;
  }

  .CheckOutForm .guestStateList {
    width: 100%;
  }

  .CheckOutForm .resConfirmationButton {
    padding: 0;
  }
} */

/******** STRUCTURE CHANGES FROM STANDARDIZED BUTTON UPDATE********/

/*pre-login*/
.WBLoginFormContainer.ArnSubPage #theWBLoginForm .FormActions {
    text-align: center;
    max-width: 400px;
    margin: 0 auto;
}

/*pre-login logo change*/
.WBLoginForm .loginContainer img {
    max-width: 76%;
}

.WBLoginFormContainer.ArnSubPage #theWBLoginForm .formField {
    width: 400px;
    height: 48px;
    display: flex;
}

.WBLoginFormContainer.ArnSubPage #theWBLoginForm a.ForgotPasswordAction {
    width: 400px;
    text-align: left;
    margin: 5px auto;
}

.WBLoginFormContainer.ArnSubPage #theWBLoginForm .createAccountContainer a {
    display: block !important;
    text-align: left;
    padding: 0;
    margin: 0;
}

.WBLoginFormFields {
    text-align: left;
    width: 400px;
    margin: 0 auto;
}

.externalbutton:hover {
    width: 400px !important;
    margin: 0 auto !important;
}

.WBLoginFormContainer.ArnSubPage #theWBLoginForm h2 {
    font-size: 20px;
    margin: 0 auto;
    width: 400px;
    max-width: 100%;
    padding: 10px 0;
    text-align: center;
}

.WBLoginForm .loginContainer img {
    max-width: 100%;
    margin: 0 auto;
    width: 45%;
    display: flex;
}

.center a.submit,
.page .center a.submit,
a.submit,
.page a.submit,
.submit {
    all: none;
    background-color: lightgray;
}

/*mobile and other changes*/
/*mobile - buttons*/
@media screen and (max-width: 750px) {
    .submit.btnLarge.btnPriority,
    .staticWidgetPage .topContainer .titleContainer .topSearch .submit {
        width: 100%;
        max-width: 400px;
    }

    /*mobile fix?*/
    .alphaSkin .nav-bottom > .links > li {
        cursor: pointer;
        white-space: nowrap;
        display: inline-flex !important;
        align-content: center;
        align-items: flex-end;
    }
}

/*button adjustments*/
#searching .submit.btnLarge.btnPriority {
    margin: 0 auto;
}

.SearchHotels .ArnRateButton {
    margin: 0;
    display: block;
    width: 60%;
    margin-left: auto;
}

.SearchHotels a.ArnShowRatesLink {
    line-height: inherit;
}

.search-promo-banner .externalbutton a {
    margin-left: 15px;
    display: inline !important;
}

.searchIcon svg {
    background-repeat: no-repeat;
}

.SearchHotels .ArnContainer .ArnRateCell .ArnShowRatesLink {
    display: inline-flex;
}

div.buttonStyleDoc {
    display: flex;
    justify-content: center;
}

.staticWidgetPage .topContainer .titleContainer .topSearch .submit {
    text-indent: 0 !important;
}

/*to go in branding for cruises*/
.arnCruise .btn.btn-default.btnLarge.btnPrimary {
    width: 100%;
    max-width: 400px;
}

.page.article.support.contact .topMessage div.sectionContainer .content a {
    margin: 0 auto;
}

.alphaSkin.WBLoginForm .freeTrial .content a.contact {
    margin: 0 4px 0;
}

@media screen and (min-width: 1000px) {
    .alphaSkin.SearchHotels .ArnLeftSearchContainer .ArnQuadSearchContainer.ArnPrimarySearchContainer #theSubmitButton {
        border: none !important;
        font-size: 0;
    }
}

#searching .searchingWrapper input.submit {
    margin: 10px auto 0;
}

/*place in frankenstein*/
.WBPurchaseMembership.registrationPaywall .upgradeMembershipSection {
    border: none;
}

.WBPurchaseMembership.registrationPaywall .SSForm .SSFormBody table td {
    padding: 0 5px 0;
}

.WBPurchaseMembership.registrationPaywall table.FormTable.RowThree tbody tr {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/******** END OF STRUCTURE CHANGES FROM STANDARDIZED BUTTON UPDATE********/

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

/***************************************/
/******** Checkout Package Update *******/
/***************************************/

/** to place in Alpha global files? **/
/*frankensteinkeystone.css/77062 line 3318*/
.CheckOutForm .ArnSubPage .upgradeMembershipSection .upgradeMembershipY p,
.ArnCarRentals.CheckoutPage .upgradeMembershipY .upgradeMembershipPackage span.packageName {
    color: #0a0405;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0.24px;
    line-height: 24px;
}

/*frankensteinkeystone.css/77062 line 3370*/
.CheckOutForm .upgradeMembershipSection .upgradeMembershipOption span.promotion {
    font-size: 14px;
    letter-spacing: 0.43px;
    line-height: 16px;
    text-align: center;
    border-radius: 4px;
    font-weight: 400;
    /*not to place in global*/
    background-color: #003268;
    color: white;
}

/*frankensteinkeystone.css/77062? line 3358*/
.CheckOutForm .upgradeMembershipSection .upgradeMembershipOption div.pkgName {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.29px;
    line-height: 24px;
    text-align: left;
    /*not to place in global*/
    color: #003268;
}

/*frankensteinkeystone.css/77062 line 3400 - for upgradeMembershipCheckboxSection*/
.CheckOutForm .upgradeCustomContent a.offersLearnMore,
.CheckOutForm .upgradeMembershipSection .upgradeMembershipCheckboxSection {
    color: #003268;
    font-family: Lato;
    font-size: 16px;
    letter-spacing: 0.12px;
    line-height: 24px;
}

.ArnCarRentals .upgradeMembershipSection .upgradeMembershipY p {
    display: none;
}

.ArnCarRentals .upgradeMembershipY .upgradeMembershipPackage .enrollmentCost {
    margin: 16px 8px 20px 0;
}

.ArnCarRentals .upgradeMembershipY .upgradeMembershipPackage .upgradeMembershipOption {
    height: 96px;
}

/*packages*/
.ArnCarRentals .upgradeMembershipY .upgradeMembershipOption.enrollment218 .enrollmentName {
    margin: 22px 10px 2px 8px;
}

/*mobile fixes/Cars*/
@media screen and (max-width: 1000px) {
    .ArnCarRentals div.summary.totals span:last-child {
        font-size: 14px;
    }

    /*alpha fix?*/
    .alphaSkin .nav-bottom > .links {
        justify-content: start;
        overflow-x: scroll;
        overflow-y: hidden;
        display: inline-flex;
        padding: 1px 0;
        align-items: center;
    }

    .alphaSkin .nav-bottom {
        height: 55px;
    }
}

@media screen and (max-width: 700px) {
    .ArnCarRentals .upgradeMembershipSection .upgradeMembershipY {
        padding: 0.5rem !important;
    }

    .ArnCarRentals .upgradeMembershipY .upgradeMembershipPackage .upgradeMembershipOption {
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .ArnCarRentals .upgradeMembershipPackage .enrollmentCost {
        margin: 16px 8px 20px 0;
        text-align: center;
    }
}

/*updates to checkout and paywall 5-11-23*/
.CheckOutForm .upgradeMembershipSection legend {
    color: #0a0405;
    font-size: 32px;
    font-weight: bold;
    letter-spacing: 0.19px;
    line-height: 40px;
}

.CheckOutForm .upgradeMembershipSection .upgradeMembershipY h3 {
    color: #0a0405;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0.24px;
    line-height: 24px;
}

.CheckOutForm .upgradeMembershipSection .upgradeMembershipOption div.pkgCost,
.CheckOutForm .upgradeMembershipSection .upgradeMembershipOption .pkgExpirationDate {
    font-size: 16px;
    letter-spacing: 0.12px;
    line-height: 24px;
}

.upgradeMembershipSection .upgradeMembershipOption span.yearlyPkgCost {
    float: left;
    text-align: right;
    width: 100%;
    color: #686868;
    font-size: 14px;
    font-style: italic;
    letter-spacing: 0.1px;
    line-height: 24px;
}

/*center packages*/
.upgradeMembershipSection .upgradeMembershipOption div.pkgName {
    display: flex;
    align-items: center;
}

.upgradeMembershipSection .upgradeMembershipOption div.pkgExpirationDate,
.upgradeMembershipSection .upgradeMembershipOption div.pkgCost {
    display: flex;
    align-items: center;
    justify-content: center;
}

.upgradeMembershipSection .upgradeMembershipOption div.pkgCost {
    flex-direction: column;
    align-items: end;
}

.upgradeMembershipSection .upgradeMembershipOption div {
    width: 30% !important;
}

.upgradeMembershipSection .upgradeMembershipOption div.pkgName {
    width: 40% !important;
}

/*fix to registrationText div*/
.registrationText {
    padding: 25px 40px 0;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

.ArnSubPage .SSFormBody .registrationText h2 {
    display: inline-flex;
    font-size: 28px;
}

/*fix for arrow on checkout page*/
img.theCouponImage {
    width: 25px;
    padding: 2px;
}

/*WBPurchaseMembershipPackage Section -Alpha only? Do not see inVision for this view?*/
/*body class it with WBPurchaseMembershipPackage*/

.WBPurchaseMembershipPackage .SSForm.WBPurchaseMembershipPackageContainer {
    width: 100%;
    display: table;
}

.WBPurchaseMembershipPackage .SSFormBody form,
.WBPurchaseMembershipPackage #thePackageInfoAjax {
    margin: 0 auto;
    padding: 1.5rem 0;
    width: 100%;
    max-width: 600px;
}

.WBPurchaseMembershipPackage #thePackageInfoAjax {
    padding-top: 0;
    display: inline-flex;
    flex-direction: column;
    max-width: 400px;
    width: 100%;
}

.WBPurchaseMembershipPackage .SSFormBody form table {
    width: 100%;
}

.WBPurchaseMembershipPackage .SSForm .SSFormBody table td {
    padding: 0 15px 5px 15px;
}

.WBPurchaseMembershipPackage table .FormFields h1 {
    text-transform: uppercase;
    font-size: 24px;
    line-height: 40px;
    font-weight: 500;
    letter-spacing: 3px;
    text-align: center !important;
    width: 100%;
    margin: 0 0 1rem 0;
}

.WBPurchaseMembershipPackage .upgradeMembershipSection {
    background-color: transparent;
}

.WBPurchaseMembershipPackage .upgradeMembershipSection .FieldRadioGroup .upgradeMembershipOption {
    background-color: white;
}

.WBPurchaseMembershipPackage .upgradeMembershipSection {
    border-radius: 0.25rem;
    border: none;
    margin: 0 0 1rem !important;
}

.WBPurchaseMembershipPackage .WBPackageTermscontainer {
    display: inline-flex;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: start;
    width: 100%;
    padding: 10px 10px;
}

.WBPurchaseMembershipPackage p.confirmationWarning {
    display: flex;
    margin: 5px 10px;
    width: 10px;
}

.WBPurchaseMembershipPackage .upgradeMembershipSection .upgradeMembershipOption div.pkgName {
    width: auto !important;
}

/*accountRight*/
.WBPurchaseMembershipPackage #accountRight div.sectionContainer .grid span.box div span.checkMark img {
    width: 30px;
    margin: 10px;
}

.WBPurchaseMembershipPackage #accountRight {
    padding: 0.5rem 0 0;
    background-color: #e6f0f5;
}

.WBPurchaseMembershipPackage .page div.sectionContainer .content .grid {
    text-align: left;
    display: inline;
    align-content: center;
    padding: 1rem;
}

.WBPurchaseMembershipPackage .upgradeMembershipSection .upgradeMembershipOption div.pkgCost {
    flex-direction: column;
    align-items: end;
    margin-left: auto;
}

.WBPurchaseMembershipPackageActions.FormActions {
    padding: 0 2.5rem 0.5rem;
}

.WBPurchaseMembershipPackage #thePackageInfoAjax {
    padding-top: 0;
    /* padding: 0 2.5rem; */
    display: inline-flex;
    flex-direction: column;
    max-width: 400px;
    width: 100%;
}

@media only screen and (max-width: 1000px) {
    .upgradeMembershipSection .upgradeMembershipY {
        padding: 0 1rem 1rem 1rem !important;
    }

    .CheckOutForm #theBookingPage #theCharges .checkoutReview {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 800px) {
    .CheckOutForm #theCardExpirationFieldsAjax {
        width: 90%;
        align-items: flex-start;
        display: inline-flex;
        flex-direction: column;
    }

    .CheckOutForm div#theExpirationMonthAjax.guestExpiresMonth {
        padding: 0 10px 0;
    }

    .upgradeMembershipSection .upgradeMembershipOption {
        justify-content: space-evenly;
    }
}

@media screen and (max-width: 600px) {
    .upgradeMembershipSection .upgradeMembershipY {
        padding: 0 1rem 1rem 1rem !important;
    }

    .upgradeMembershipSection .upgradeMembershipOption div.pkgName {
        width: 100% !important;
        padding: 0.4rem !important;
        text-align: center;
        display: inline-flex;
        justify-content: center;
    }

    .upgradeMembershipSection .upgradeMembershipOption div.pkgExpirationDate,
    .upgradeMembershipSection .upgradeMembershipOption div.pkgCost {
        border-top: 1px solid #eee;
        text-align: center;
    }

    .upgradeMembershipSection .upgradeMembershipOption span.yearlyPkgCost {
        text-align: center;
    }

    .WBPurchaseMembershipPackage .upgradeMembershipSection .upgradeMembershipOption div.pkgCost {
        align-items: center;
    }

    .upgradeMembershipSection .upgradeMembershipOption div {
        width: 100% !important;
    }
}

/*** END OF Checkout Package Update ***/

/*fixes .WBRegistrationFormTCMP*/

.WBRegistrationFormTCMP .page .iconcardlist .grid.threeColumn span div img {
    width: 30px;
    margin: 10px;
}

.WBRegistrationFormTCMP #accountRight.page.secondaryColor {
    padding: 3rem 2rem;
}

.WBRegistrationFormTCMP.alphaSkin .nav-top #HeaderLogo {
    width: 100%;
}

.accoundDetails .memberInfo {
    padding: 0;
    width: 85%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding-left: 1rem;
}

.accoundDetails .memberInfo:last-child {
    width: 100%;
}

/****** Styles for Selected Membership Package ******/
.WBPurchaseMembershipPackage #thePackageInfoAjax {
    padding: 2rem 1rem;
    margin: 2.5rem auto 0;
    display: inline-flex;
    flex-direction: column;
    max-width: 400px;
    width: 100%;
}

.WBPurchaseMembershipPackage .packageajaxWrap {
    display: flex;
}

.WBPurchaseMembershipPackage .membership.package397 {
    padding: 0;
    border: 2px solid #333;
}

/*Annual Premium*/
.WBPurchaseMembershipPackage div.membership.package397 div:nth-child(1) {
    font-size: 16.5px;
    background-color: white;
    text-align: center;
    font-weight: 600;
    padding: 8px;
}

/*99.00 USD*/
.WBPurchaseMembershipPackage div.membership.package397 div:nth-child(2) {
    padding: 24px 15px;
    font-size: 32px;
    text-align: center;
    font-weight: bold;
}

/*Billed Yearly*/
.WBPurchaseMembershipPackage div.membership.package397 div:nth-child(3) {
    font-size: 16.5px;
    background-color: white;
    text-align: center;
    font-weight: 600;
    padding: 8px;
}

.WBPurchaseMembershipPackage #thePackageInfoAjax h3 {
    font-size: 22px;
    text-transform: capitalize;
}

.RootBody .page .dashboard div.sectionContainer .content .details .freeTrialMember a {
    padding: 0;
    width: 75%;
}

.RootBody .dashboard .details .memberInfo {
    padding-right: 0;
}

@media only screen and (max-width: 1000px) {
    .page .dashboard div.sectionContainer .content .details .freeTrialMember a {
        padding: 0;
        width: 100%;
    }
}

@media only screen and (max-width: 450px) {
    WBPurchaseMembershipPackage .SSForm .SSFormBody table td {
        padding: 0 5px 5px;
    }

    WBPurchaseMembershipPackage SSForm .SSFormBody table td label {
        font-size: 14px;
    }
}

/************Keystone Updates*******************/
/***********************************************/
/***********************************************/

.StandardMemberType .memberSavings {
    text-align: center;
}

.RootBody .ArnPrimarySearchOuterContainer .submit {
    height: 55px !important;
}

.alphaSkin.SearchHotels .ArnLeftSearchContainer .ArnQuadSearchContainer.ArnPrimarySearchContainer #theSubmitButton {
    border: none !important;
    font-size: 16px;
}

@media screen and (max-width: 1000px) {
    .alphaSkin.SearchHotels .ArnLeftSearchContainer .ArnQuadSearchContainer.ArnPrimarySearchContainer #theSubmitButton {
        border: none !important;
        font-size: 0;
    }
}

.ArnPriceCompare a {
    display: none;
}

@media screen and (max-width: 450px) {
    .WBLoginFormContainer.ArnSubPage #theWBLoginForm .formField {
        width: 100%;
    }
}

.submit {
    color: black;
}

.searchOptionsControls button.clearSearchOptions.submit:hover {
    background-color: var(--color-secondary) !important;
    color: var(--color-white-white) !important;
}

.CheckOutForm #theCopyInfoAjax.FormFields input.checkbox {
    height: 20px !important;
}

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

/* .SearchHotels.SearchMode-WBHotelListKeystone .ArnPropName a.ArnPropNameLink span[itemprop="name"] {
    font-weight: 700;
    font-size: 20px;
    color: initial;
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
} */

/* @media screen and (max-width: 650px){
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropName a.ArnPropNameLink span[itemprop="name"] {
    height: 50px;
	}
} */

.SinglePropDetail .upgradePremium {
    width: 76%;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks a:hover:after,
.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks a.active:after {
    position: absolute;
    background-color: #236180;
}

.ds-secondary {
    background-color: #236180;
    color: white !important;
}

.ds-secondary:hover {
    background-color: #2d7295;
}

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

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

/*CSS for AI Banner*/

section.travelAgentBannerSection {
    display: block;
    padding: 6rem 0;
    background-color: #f3eaec;
}

.travelAgentBannerContainerNew {
    background-image: url("//media.travsrv.com/appSkins/78311/v6/themes/standard/images/AI Background.png");
    background-repeat: no-repeat;
    padding: 1.4rem 2rem;
    background-position: center;
    margin: 40px auto;
    border-radius: 20px;
    width: 76%;
    height: 400px;
    background-size: cover;
}

.rightSide {
    position: relative;
    z-index: 2;
    float: right;
    margin: -362px -34px;
}

.rightSide img {
    border-radius: 200px 20px 20px 0px;
}

.travelAgentBannerSection .leftSide {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    height: 300px;
    margin: 20px 15px;
}

.travelAgentBannerSection .leftSide p {
    background-color: #f3eaec;
    border-radius: 4px;
    display: flex;
    width: 10%;
    justify-content: center;
    margin: 0 15px 0;
}
.travelAgentBannerSection .leftSide h2 {
    line-height: 1.5;
    color: white;
    font-weight: 600;
    padding: 16px;
}

.travelAgentBannerSection .leftSide h3 {
    line-height: 1.5;
    color: white;
    font-weight: 600;
    padding: 0px;
    margin: -25px 15px 0px;
}

.travelAgentBannerSection .leftSide a {
    line-height: 1.5;
    color: white;
    margin: 40px 15px 0;
    background-color: #9e5c63;
    border-radius: 5px;
    display: flex;
    width: 160px;
    justify-content: center;
    height: auto;
    padding: 10px;
}

/* AI Banner Mobile */

@media screen and (max-width: 1350px) {
    .travelAgentBannerContainerNew {
        width: 90%;
    }
}

@media screen and (max-width: 1100px) {
    .travelAgentBannerSection .leftSide p {
        width: 20%;
    }

    .rightSide {
        position: absolute;
        z-index: 2;
        float: unset;
        margin: 0 auto;
        top: 0;
        left: 0;
        width: 100%;
    }

    .travelAgentBannerContainerNew {
        padding: 20px 34px;
        background-position: center;
        margin: 40px auto;
        border-radius: 20px;
        width: 100%;
        height: 725px;
        background-size: cover;
        position: relative;
        max-width: 500px;
    }
    .rightSide img {
        border-radius: 20px 20px 300px 300px;
        display: flex;
        width: 100%;
    }
    .travelAgentBannerSection .leftSide {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        height: 300px;
        margin: 370px 6px;
    }
}

@media screen and (max-width: 440px) {
    .travelAgentBannerContainerNew {
        height: 800px;
    }
}

.alphaSkin.RootBody .ArnSearchContainerMainDiv {
    background-image: url("//media.travsrv.com/appSkins/78312/v6/themes/standard/images/prelogin.png");
    padding: 0 0 15px 0;
}

.RootBody .popularCities {
    display: none;
}

.RootBody .popularDestinations .content > h2 {
    display: none;
}