/********************************************************
* Luis
********************************************************/
/* Travel Advisories */
.advisoryHead {
  font-weight: 700;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 10px; }

.advisory {
  padding: 15px 0;
  border-top: 1px solid #cccccc; }

.advisory h4 {
  margin: 0; }

#renewal .panel {
    border: solid 1px #d9d9d9;
    margin: 30px 0 15px;
    padding: 3px 3px 60px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}


@media screen and (min-width: 768px) and (max-width: 960px) {
    .rightRail.genAffix {
        width: 100%;
    }
}

.renewDivider {
    margin: 20px;
    border: 0;
    border-top: 1px solid #d9d9d9;
    box-sizing: content-box;
    height: 0;
}

.renewBenefits .list-group-item {
		font-size: 13px;
}

.panel-login .overlay-content{
 padding:30px;
}

.eachMember h4{
  font-size:16px;
  margin-top:10px;
}


.no-uppercase {
    text-transform: none !important;
    color:blue;
}
.no-uppercaseblack {
    text-transform: capitalize !important;
    color:black;
}


#loyaltyLabel{
 padding-left:20px;
 color:green;
}
#dropdownMenu2,
#dropdownMenu3 {
  padding:5px 5px 5px 15px ;
  border-style:solid !important;
  border-width:1px !important;
  border-radius:15% !important;
}

@media (max-width: 768px) {
 #dropdownMenu2,
 #dropdownMenu3 {
   border:0px;
 }
}

.loyaltyblack{
  color:black;
  text-transform: capitalize;
  white-space: normal;
}

/********************************************************
* Xia
********************************************************/

/* Global colors */
:root {
 /* LTP text colors */
 --ltp-blue: #00578b;
--ltp-blue-hover: #0077BE;
--ltp-orange: #EF6E0B;
--ltp-orange-hover: #be5809;
--ltp-green: #64A508;

 /* BS colors */
 --bs-blue: var(--ltp-blue);
 --bs-orange: var(--ltp-orange);
 --bs-green: var(--ltp-green);
 --bs-white: #fff;


 /* overwrite these here

 LTP button secondary - blue - #1f305f and 121d39 on hover
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529; */

}

.navbar-toggler{
  color: var(--ltp-blue-hover);
}
.nav-link{
color: var(--bs-blue) ;
}

.nav-link:hover{
  color: var(--ltp-blue-hover) ;
  text-decoration: underline !important;
}


.rounded label {
    cursor: pointer;
    position: absolute;
    width: 17px;
    height: 17px;
    padding: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    left: 0;
    top: 0;
    border: 1px solid #757575;
    /* -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
    -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1); */
    background: #fff; }

.rounded label:before {
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    color: #333333;
    display: block;
    margin-top: 2px;
    text-align: center;
    font-size: 12px;
  }

  .selectWrapHeight {
    height: 34px;
  }

    a.list-group-item,
    button.list-group-item {
      color: #0077BE;
      font-size: 18px; }
      a.list-group-item .list-group-item-heading,
      button.list-group-item .list-group-item-heading {
        color: #EF6E0B; }
      a.list-group-item:hover, a.list-group-item:focus,
      button.list-group-item:hover,
      button.list-group-item:focus {
        text-decoration: none;
        color: #fff;
        background-color: #64A508; }

/*check with Shaun. ON the current site, the border attribute of list-group-item in list-group.scss is overriden by idontknowwhere; But with BS5, it is not overriden. So it has a border aournd benefits list items.*/
.list-group-item{
    border: none;
}

/*start navbar */
.navbar {
  position: relative;
  min-height: 50px;
  /* margin-bottom: $navbar-margin-bottom;
  border-bottom: 1px solid $gray-lighter;
  background: $white;*/
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
  font-family: "Open Sans", sans-serif;
  /* height: 81px; */
  z-index: 299;
  padding: 5px 0;
  }
/* end navbar */


.form-control.hideIt {
    display: none; }

.active .list-group-item:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 0;
  width: 0;
  height: 100%;
  border-top: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 18px solid transparent;
  border-left: 12px solid #4caf45;
}

.profilePhone .textClear .closeX {
    right: 16px;
}

.hiddenLt {
    display: none; }

.hidden {
    display: none !important;
}

.form-control.hideIt {
    display: none; }

.editMode {
    display: none;
}

/* FAQ page */
select.form-control.active {
    color: #666666;
    background-color: transparent;
}


.rounded label {
    cursor: pointer;
    position: absolute;
    width: 17px;
    height: 17px;
    padding: 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    left: 0;
    top: 0;
    border: 1px solid #757575;
    /* -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
    -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1); */
    background: #fff; }

.rounded label:before {
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    color: #333333;
    display: block;
    margin-top: 2px;
    text-align: center;
    font-size: 12px;
  }

.rounded input[type=checkbox]:checked + label:before {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100); }

/* account- profile page */
.left10{
    left: 10px !important;
}

/*LTP-510*/
@media screen  and (min-width: 768px) and (max-width: 960px) {

    .padL5 {
        padding-left: 5px;
    }
}

/* account- profile page */
@media screen and (max-width: 767px) {

    .profilePhone .padL15{
        padding-left: 15px !important;
    }

    .padR20{
     padding-right: 20px !important;
    }
}

@media screen and (max-width: 575px) {
    .insideInput.editProfile {
        top: 25px;
    }
}

/* for account-profile page on ipad */
@media screen  and (min-width: 768px) and (max-width: 960px) {

    .padR10 {
        padding-right: 10px;
    }

    /* this should be merged into #profileCont .profileSub regular part*/
    #profileCont .profileSub {
        padding: 0 20px 40px 0;
    }
}

#heroContainer .container.heroTop {
    top: 30%; }

/* LTP-509 */
#profileCont .profileCont li {
    margin: 10px;
}


/* LTP-515 */
#or.greyed {
    margin: 25px 0 25px;
}

.width95 {
    width: 95% !important;
}

/*LTP-515 */
.progress-bar-warning {
    background-color: #c69130; }

.progress-bar-success {
    background-color: #64A508; }

#progressTxt {
    background-color: #64A508;
    padding: 10px;
    color: #fff;
    margin-top: 0;
    position: sticky;
    top: 10px;
    z-index: 100;
}

#progressTxt.dangerTime strong {
    color: #fff;
}

#countdown {
    position: sticky;
    top: 0;
    z-index: 100;
}

#modalIdTxt {
    overflow-y: hidden;
}

/*#countdown .progress {*/
/*    background-color: #fff;*/
/*}*/


/*LTP-609 and LTP-475*/
@media screen and (min-width: 768px) {
    #heroContainer .switchTravel h3 {
        margin-top: 15px;
    }
    #heroContainer .switchTravel h1 {
        margin-top: 15px;
    }
}
/** Start LTP-471 */
@media screen  and (min-width: 911px) {
    #heroContainer .container.heroTop {
        margin: auto;
        width: 75%;
    }
}
@media screen  and (max-width: 480px) {
    #heroContainer .container.heroTop {
        margin: auto;
        width: 90%;
    }

    .rs_hotel_form {
       margin: 5px;
      }

    #heroContainer .switchTravel h2 {
        margin-left: 15px;
    }
}

#heroContainer .innerPromo {
    height: auto; }

@media screen and (min-width: 768px) {
    #heroContainer .guestSelect {
        left: 0px;
    }
}
/* end LTP-471 */

/* LTP-911 */
.scInsurance{
    display:inline-block;
    margin-top: 15px;
    font-size:12px;
}

/*LTP-508 */
.receipt .row {
    margin-bottom: 15px;
    margin-right: 5px;}

/*LTP-468 */
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: none;
    border-radius: 0px; }

.panel-heading .btn {
    width: 100%; }

.right10{
    right:10px;
}

.right18{
    right:18px !important;
}

.panel-login h5, #createProfile h5 {
    margin: 15px 0 5px;
    font-size: 1.3em;
    color: #EF6E0B;
    font-weight: 500; }

.panel-body {
    padding: 5px 15px 15px;
    font-family: "Open Sans", sans-serif;
}

#login .securityHeading{
    padding: 30px 0 20px 15px;
}
/*LTP-469 */
#resortBooking .guest {
    padding: 10px;
    line-height: 14px;
    cursor: pointer;

    min-width: 115px;
    border: solid 1px #d9d9d9;
    border-radius: 5px;
 }

/*LTP-470 */
@media screen and (min-width: 1086px) {
    .tripProtect .insuranceLogo {
        position: absolute;
        right: 25px;
        bottom: 410px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1085px) {
    .tripProtect .insuranceLogo {
        position: absolute;
        right: 25px;
        bottom: 450px;
    }
}

@media screen and (max-width: 480px) {
    .tripProtect .insuranceLogo {
        position: absolute;
        right: 25px;
        bottom: 740px;
    }
}
/* LTP-500 */
.mainContent .row .accountSticky {
    padding: 0 0 10px 10px; }

/* LTP-509 */
@media (min-width: 360px) and (max-width: 812px) {
    .ccPadding {
        padding: 10px 10px 0;
    }
}

/*LTP-383*/
.iconBckGrd2 {
    height: 45px;
    width: 45px;
    background: #6c757d;
    margin-top: 0;
    border-radius: 50%;
}

.iconBckGrd2 i {
    font-size: 20px;
    color: #fff;
    line-height: 46px;
    margin-left:1px;
}

.handshake-icon-unit{
    width:40px;
    margin-left:-8px;
}


.loyalty-points{
    color:  var(--ltp-green);
    padding-left: 10px;
}

@media screen and (max-width: 480px) {
    .loyalty-points {
        padding-top: 10px;
    }
}

/*LTP-124*/
.btnOverride{
    text-transform: none!important;
    font-size: 16px!important;
}

.titleOverride{
    text-transform: none!important;
    font-size: 1.8em!important;
}

.delete-traveler-title{
    text-transform: none!important;
    font-size: 1.9em!important;
}
.padding-top-15{
    padding-top: 15px;
}

/* LTP-125 */
.billingInfoDefault{
    padding-left: 3px;
    padding-bottom: 6px;
}

.saveCardToProfileSection{
    padding-bottom: 30px;
}
/*LTP-130*/

@media screen and (max-width: 767px) {

    .margin-right-10 {
        margin-right: 10px;
    }

    .padding-left-5 {
        padding-left: 5px;
    }
}

@media screen and (max-width: 460px) {
    .smallTitle {
        font-size: 1.4em !important;
    }

}

@media screen and (max-width: 365px) {
    .smallTitle {
        font-size: 1.2em !important;
    }

}

.padding-left-0{
    padding-left: 0;
}
.guestBox {
    border-radius: 10px;
    border: solid 1px #64A508;
    margin: 0 0 0 10px;
    padding: 15px 15px 15px;
    position: relative; }

:root {
    --card-padding: 1em;
    --color-green: #64A508;
    --color-gray: #e2ebf6;
    --color-dark-gray: #c4d1e1;
    --radio-border-width: 2px;
    --radio-size: 1.5em;
}


.grid {
    display: grid;
    grid-gap: var(--card-padding);
    margin: 0 auto 0 0;
    max-width: 60em;
    padding: 0;
}


.guestLabel {
    font-size:1.2em;
}

.guestText {
    color:#757575;
}

.card {
    background-color: #fff;
    border-radius: 0.5em;
    position: relative;
    font-weight: normal;
}
.card:hover {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
}

.radio {
    font-size: inherit;
    margin: 0;
    position: absolute;
    right: calc(var(--card-padding) + var(--radio-border-width));
    top: calc(var(--card-padding) + var(--radio-border-width));
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    .radio {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: #fff;
        border: var(--radio-border-width) solid var(--color-gray);
        border-radius: 50%;
        cursor: pointer;
        height: var(--radio-size);
        outline: none;
        transition: background 0.2s ease-out, border-color 0.2s ease-out;
        width: var(--radio-size);
    }
    .radio::after {
        border: var(--radio-border-width) solid #fff;
        border-top: 0;
        border-left: 0;
        content: "";
        display: block;
        height: 0.75rem;
        left: 25%;
        position: absolute;
        top: 50%;
        transform: rotate(45deg) translate(-50%, -50%);
        width: 0.375rem;
    }
    .radio:checked {
        background: var(--color-green);
        border-color: var(--color-green);
    }

    .card:hover .radio {
        border-color: var(--color-dark-gray);
    }
    .card:hover .radio:checked {
        border-color: var(--color-green);
    }
}
.guestDetails {
    border: var(--radio-border-width) solid var(--color-gray);
    border-radius: 0.5em;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    padding: var(--card-padding);
    transition: border-color 0.2s ease-out;
}

.card:hover .guestDetails {
    border-color: var(--color-dark-gray);
}

.radio:checked ~ .guestDetails {
    border-color: var(--color-green);
}

.radio:focus ~ .guestDetails {
    box-shadow: 0 0 0 2px var(--color-dark-gray);
}

.radio:disabled ~ .guestDetails {
    color: var(--color-dark-gray);
    cursor: default;
}

.radio:disabled ~ .guestDetails .plan-type {
    color: var(--color-dark-gray);
}

.card:hover .radio:disabled ~ .guestDetails {
    border-color: var(--color-gray);
    box-shadow: none;
}

.card:hover .radio:disabled {
    border-color: var(--color-gray);
}

/* legacy contents */
    @font-face {
      font-family: 'icomoon';
      src: url("/modules/interval-jahia-templates/css/fonts/icomoon/icomoon.eot?-h4hs9w");
      src: url("/modules/interval-jahia-templates/css/fonts/icomoon/icomoon.eot?#iefix-h4hs9w") format("embedded-opentype"), url("/modules/interval-jahia-templates/css/fonts/icomoon/icomoon.ttf?-h4hs9w") format("truetype"), url("/modules/interval-jahia-templates/css/fonts/icomoon/icomoon.woff?-h4hs9w") format("woff"), url("/modules/interval-jahia-templates/css/fonts/icomoon/icomoon.svg?-h4hs9w#icomoon") format("svg");
      font-weight: normal;
      font-style: normal;
    }

    @font-face {
      font-family: 'Glyphicons Halflings';
      src: url("/modules/interval-jahia-templates/css/fonts/bootstrap/glyphicons-halflings-regular.eot");
      src: url("/modules/interval-jahia-templates/css/fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("/modules/interval-jahia-templates/css/fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("/modules/interval-jahia-templates/css/fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("/modules/interval-jahia-templates/css/fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("/modules/interval-jahia-templates/css/fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
    }

    .recentSearch {
        margin: -40px 0px 0px 0px !important;
    }

    .recentSearch > li {
         list-style-type: none;
    }

    .spinner img{
      width: 50px;
      margin-left: auto;
      margin-right: auto;
      display: block;
      margin-bottom: 50px;
      margin-top: 20px;
    }

/********************************************************
* Deepak
********************************************************/
/* Bootstrap 5 overrides */
.hiddenLt {
  display: none;
}

.hidden {
  display: none !important;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 5px;
  word-break: break-word; }
.alert h4 {
  margin-top: 0;
  color: inherit; }
.alert .alert-link {
  font-weight: bold; }
.alert > p,
.alert > ul {
  margin-bottom: 0; }
.alert > p + p {
  margin-top: 5px; }
.alert.availability {
  border-radius: 0; }
.alert.availability.none {
  margin-top: 25px; }

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px; }
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit; }

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d; }
.alert-success hr {
  border-top-color: #c9e2b3; }
.alert-success .alert-link {
  color: #2b542c; }

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #333333; }
.alert-info hr {
  border-top-color: #a6e1ec; }
.alert-info .alert-link {
  color: #1a1919; }

.alert-warning {
  background-color: #1f305f;
  border-color: #1f305f;
  color: #fff; }
.alert-warning hr {
  border-top-color: #19264c; }
.alert-warning .alert-link {
  color: #e6e5e5; }

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442; }
.alert-danger hr {
  border-top-color: #e4b9c0; }
.alert-danger .alert-link {
  color: #843534; }

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.55;
  -moz-opacity: 0.55;
  filter: alpha(opacity=55); }
.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.8;
  -moz-opacity: 0.8;
  filter: alpha(opacity=80); }

button.close {
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }


.gdpr button.close, #prelogin .gdpr.alert-warning button.close {
   padding-top: 0px; }

.gdpr p, #prelogin .gdpr.alert-warning p {
  margin-top: 10px;
  font-weight: normal;
  }

.modal-header {
  background: #64A508;
}

@media screen and (max-width: 480px) {
    #customCloseCl {
        float: right !important;
        font-size: 35px;
        font-weight: normal;
        line-height: .8;
        color: #fff;
        text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.6);
        opacity: 0.4;
        -moz-opacity: 0.4;
        filter: alpha(opacity=40);
        padding: 0 0 0 0px !important;
        margin-top: -30px;
        order: 2;
    }
}

.modal .modal-header .close {
  float: right !important;
  font-size: 35px;
  font-weight: normal;
  line-height: .8;
  color: #fff;
  text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.6);
  opacity: 0.4;
  -moz-opacity: 0.4;
  filter: alpha(opacity=40);
  padding: 0 0 0 20px !important;
  order:2;
}

.modal-title {
  margin: 0;
  line-height: 1;
  font-size: 1.9em;
  font-weight: 300;
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  order:1;
}
.modal-title a{ color:#fff; }

.modal-body .card {
  border-bottom: solid 1px #d9d9d9;
  margin-bottom: 0;
  border-radius: 0px;
}

.card-header {
  color: #333333;
  border-bottom: 0;
}

.card-header:hover {
  background: #f8f8f8;
}

.card-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}

.card-body {
  padding: 5px 15px 15px;
  font-family: "Open Sans", sans-serif;
}

/*@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}*/

.textClear {
  clear: both;
  position: relative;
}

.textClear input:not([type="radio"]) {
    padding-right: 14px;
}

.form-group {
    margin-bottom: 15px;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #666666;
    background-color: #fff;
    margin-bottom: 5px;
    background-image: none;
    border: 1px solid #757575;
    text-align: left;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.selectWrap select {
  padding-right: 22px;
  padding-left: 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  margin-bottom: 0;
}

select.form-control {
  color: #666666;
  outline: none;
  background-color: transparent;
}

.phoneTag {
  margin-top: 10px;
}

.noPad {
  padding: 0 !important;
}

.tal, .text-align-left {
  text-align: left !important;
}

.noMar {
  margin: 0 !important;
}

.fw, .full-width, .oneHundred {
  width: 100%;
}

@media (min-width: 992px) {
  .modal-lg-custom {
    width: 900px;
    max-width: 900px;
  }
}

  input[type="radio"].radioStyle {
    border: solid 3px #fff;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background: #fff;
    vertical-align: middle;
    margin: 0px 5px 0 0;

  }

input[type="radio"].radioStyle:checked {
  background: #333333;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline,
.has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
  color: #a94442;
}

.has-error .help-block {
  margin-bottom: 10px;
  display: inline-block;
}

.modal-custom-body {
  position: relative;
  padding: 25px;
  color: #666666;
}

.col-custom-style {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.left {
  float: left;
}
@media (min-width: 768px) {
  .modal-gc-delete {
    width: 600px;
    margin: 30px auto;
  }
}

.card-options {
    padding-top: 10px;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

.card-options .block {
    padding-top: 6px;
    margin-left: -15px;
    margin-right: -15px;
}

.rounded {
  width: 18px;
  height: 18px;
  /* margin: 20px auto; */
  position: relative;
}

.rounded.inlineCheck {
  display: inline-block;
  margin: 0px 5px 3px 0;
  vertical-align: middle;
}

.fr {
   float: right !important;
}

.promoCode {
  margin: 0 0 20px;
  display: none;
}

.tar {
  text-align: right !important;
}

.geoTrust {
  text-align: center;
  width: 207px;
  display: inline-block;
}

.fw,  .oneHundred {
  width: 100%;
}



@media screen and (max-width: 480px) {
  .mob-hist-container-pad {
    padding-left: 11px !important;
  }
}

.container-no-right-pad{
  padding-right: 0px;
}

b, strong {
  font-weight: bold;
}

.mobPageTop{
  margin-top: 50px;
  min-height: 700px;
}

.col-custom-all{
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (max-width: 768px) {
  .ccv-container {
    /* margin-left: -15px; */
    margin-right: -15px !important;
    height: 50px;
  }
}

@media screen and (max-width: 768px) {
  .block .nested {
    margin-left: 0;
    margin-right: 0;
    margin-right: 0px !important;
  }
}

.whatsThisCustom {
  display: block;
  padding: 8px 0px 0px 0px !important;
  position: relative;
}

.chkBoxFloatLeft{
    float : left !important;
}

.displayInlineCl {
    display: inline;
}

.modal-body p, .modal-body li:not(.country):not(.divider) {
    text-align: left;
    margin: 10px 0;
}

@media (min-width: 768px) and (max-width: 960px){
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
        max-width: 600px !important;
    }
}

.modalFooterContentsCl {
    text-align: right;
    display: inherit;
}

.customDisplayCl{
    display: flex !important;
}

@media screen and (min-width: 768px) and (max-width: 960px) {
    .rightRail {
        width: 29%;
    }
}

@media screen and (max-width: 767px) {
    .mainContent > .row {
        padding-left: 20px;
        margin: 10px;
        padding-right: 0px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media screen and (min-width: 768px) and (max-width: 960px) {
    .mainContent > .row {
        padding: 22px;
    }
}

@media screen and (max-width: 767px) {
    .affixParent .rightRail, .fr .rightRail, .fl .rightRail {
        margin: 7px !important;
        width: 95%;
    }
}

    .card-options .block.shaded-bg {
        border-radius: 3px;
        background-color: transparent;
    }

@media screen and (max-width: 767px) {
    .recapTable {
        margin: -10px;

    }
}

@media screen and (min-width: 768px)  {
    .exp-date-align-new {
        margin-top: 6px;
    }
}

@media screen and (min-width: 768px) and (max-width: 960px) {
    #account .mainContent > .row {
        padding: 20px;
        padding-right: 0px;
        margin: 0;
        width:104%;
    }
}

@media screen and (min-width: 768px) {
    .customAffix {
        position: fixed !important;
    }
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.modal-body.heightLimit {
    max-height: 615px;
    overflow-y: auto;
    text-align: center;
}

@media screen and (max-width: 480px) {
    #getawayHistoryContainer {
        width: 110%;
    }
}
@media screen and (max-width: 480px) {
   #ancRowId #cc_info {
        margin: 2.5% !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 960px) {
    #confirBar {
        width: 115%;
        /* width: 29%; */
    }
}
@media screen and (max-width: 480px) {
    #mobPadRight {
      padding-right:10px;
    }
}

.noPadL {
    padding-left:0px;
}

@media screen and (max-width: 767px) {
    .mainContentAnc > .row {
        margin: 10px !important;

    }
}

@media screen and (max-width: 767px) {
    .mainContentAnc  {
        margin-top: 30px;

    }
}

@media screen and (max-width: 767px) {
    .billing-address-form {
        width: 105%;
    }

    .new-card-fields {
        width: 105%;
    }

    .mobRowAdj {
        width: 100% !important;
    }

    .mobOuterRowAdj {
        width: 110% !important;
    }
}
@media screen and (max-width: 767px) {
    #recapTableId {
        margin: 10px;
    }
}

@media screen and (min-width: 768px) {
    .genAffix {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 60px;
    }
}

.alignFirstLi{
    margin-top: 20px;
}

.alignBenInclude{
    display: inline;
}

@media screen and (max-width: 767px)  {
    .exp-date-align-new {
        padding-left:0px;
        padding-right:0px;
    }
}

@media screen and (min-width: 768px) and (max-width: 960px) {
    #rightRailId {
        width: 102%;
    }
}

.grayColCl{
     color: #666666;
}

@media screen and (min-width: 768px) {
    #addBtmPadId {
        margin-bottom: 20px;
    }
}

.hrCl{
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #d9d9d9;

}
@media screen and (max-width: 767px) {
    #recapTabAncId {
        margin-bottom: 10px;
        margin-top: 5px;
    }
}

@media screen and (min-width: 768px) and (max-width: 960px) {
    .noLPad {
        padding-left: 0px;
    }
}

@media screen and (min-width: 768px) and (max-width: 960px) {
    .whatsThisIPAD {
        padding: 8px 0 8px 5px;
    }
}

@media screen and (min-width: 768px) and (max-width: 960px) {
    #renewRowId #whatsThisIPADId {
        padding: 8px 0 8px 0px !important;
    }
}
@media screen and (max-width: 767px) {
    #renewRowId .renew-col-8 {
        width: 75%;
    }
}

@media screen and (max-width: 767px) {
    .mobExpDtCl {
        margin-top: 5px;
    }
}

@media screen and (max-width: 767px) {
    .mobAlignCl {
        padding-right: 5.5%;
    }
}

.navbar-brand img {
    display: inline-block;
    margin: 5px 3px 5px 0;
    width: auto;
}
@media screen and (min-width: 961px)  {
    .custom-my-dest-style {
        margin-left: 0px;
        padding-left: 5px !important;
        margin-top: 10px;
        width: 100%;
        margin-bottom: 0px;
        max-height: 70%;
        position:relative;
    }
}

@media screen and (min-width: 768px) and (max-width: 960px) {
    .custom-my-dest-style {
        margin-left: 0px;
        padding-left: 5px !important;
        margin-top: 10px;
        width: 100%;
        margin-bottom: 0px;
        max-height: 70%;
        position:relative;
    }
}
@media screen and (max-width: 767px) {
    .custom-my-dest-style {
        margin-left: 0px;
        padding-left: 5px !important;
        margin-top: 10px;
        width: 100%;
        margin-bottom: 0px;
        max-height: 77%;
        position:relative;

    }
}
@media screen and (min-width: 961px) and (max-width: 1366px) {
    .custom-my-dest-sub-style-1 {
        width: 10%;
        margin-left: -5px;
        padding-left: -5px;
        background: inherit;
        background-color: rgba(100, 165, 8, 1);
        margin-bottom:2.75%;
        position:relative;
        min-height: 70px;
        border-bottom-left-radius: 5px;
    }
    .adjMarginBtm4{
        margin-bottom:2.0% !important;
    }
}
@media screen and (min-width: 1367px)  {
    .custom-my-dest-sub-style-1 {
        width: 10%;
        margin-left: -5px;
        padding-left: -5px;
        background: inherit;
        background-color: rgba(100, 165, 8, 1);
        margin-bottom:2.75%;
        position:relative;
        border-bottom-left-radius: 5px;
    }
    .adjMarginBtm4{
        margin-bottom:2.0% !important;
    }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
    .adjMarginBtm3pt5{
        margin-bottom:4.25% !important;
    }
    .custom-my-dest-sub-style-1 {
        width: 10%;
        margin-left: -5px;
        padding-left: -5px;
        background: inherit;
        background-color: rgba(100, 165, 8, 1);
        margin-bottom:3%;
        position:relative;
        min-height: 70px;
        border-bottom-left-radius: 5px;
    }
}

@media screen and (max-width: 767px) {
    .custom-my-dest-sub-style-1 {
        width: 15%;
        margin-left: -5px;
        padding-left: -5px;
        background: inherit;
        background-color: rgba(100, 165, 8, 1);
        margin-bottom:3.5%;
        position:relative;
        min-height: 85px;
        border-bottom-left-radius: 5px;
    }
    .adjMarginBtm2{
        margin-bottom:4.75% !important;
    }

}
.custom-my-dest-sub-style-1 i {
    font-size: 23px;
    color: #fff;
    position:absolute;
    top:35%;
    left:25%;
}
@media screen and (min-width: 768px) {
    .custom-my-dest-sub-style-2 {
        padding-top: 5px;
    }
}

@media screen and (max-width: 767px) {
    .custom-my-dest-sub-style-2 {
        padding-top: 5px;
        width:85%;
    }
}

.adjPadBtmD{
    padding-bottom:20px;
}
.adjPadBtmI{
    padding-bottom:15px;
}
.adjPadBtmM{
    padding-bottom:15px;
}

.custom-my-dest-p-style-1{
    font-family:'Open Sans', sans-serif;font-weight:400;font-style:normal;
}

.custom-my-dest-span-style-1{
    font-family:'Open Sans Bold', 'Open Sans', sans-serif;font-weight:700;
}

@media screen and (min-width: 768px) and (max-width: 960px) {
    .col-cust-ipad-width-1 {
          width:39%;
      }
    .col-cust-ipad-width-2 {
        width:61%;
    }
    .col-cust-ipad-width-3 {
        width:80%;
    }
}

.col-cust-mob-width {
    margin-left: 2.5%;
    width: 95%;
}

.cust-p-style-1{
    font-size:12px;margin-bottom: 0px;
}

.adjMarginBtm1{
    margin-bottom:3.25% !important;
}
.adjMarginBtm3{
    margin-bottom:3.00% !important;
    width:12%;
}

.adjColWidth1{
    width:57% !important;
}

.adjColWidth2{
    width:43% !important;
}

.noLRPad{
    padding-left:0px;
    padding-right:0px;
}

.adjTop30{
    top:30% !important;
}

@media screen and (min-width: 768px) {
    .remMarginTop {
        margin-top: 0px;
    }
}

.custom-my-dest-style::after {
    bottom: -1px;
    right: -1px;
}
.popover-header {
    background-color: rgba(100, 165, 8, 1);
    font-weight:700;
    color: #fff;
}
.bs-popover-top .popover-arrow:after {
    border-top-color: rgba(100, 165, 8, 1);
}

.bs-popover-bottom .popover-arrow:after {
    border-bottom-color: rgba(100, 165, 8, 1);
}

.bs-popover-start .popover-arrow:after {
    border-left-color: rgba(100, 165, 8, 1);
}

.bs-popover-end .popover-arrow:after {
    border-right-color: rgba(100, 165, 8, 1);
}


.loyaltyEarnCl{
    font-size:12px !important;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: rgb(100, 165, 8);
}

#unitLoyalty{
margin-top:17px;
}

@media screen and (min-width: 768px) and (max-width: 960px) {
    .noRpadIPad {
        padding-right: 0px;
    }
    .ipadW1{
        width:40%;

    }
    .ipadW2{
        width:22.5%;

    }
    .ipadW3{
        width:22.5%;

    }
    .ipadW4{
          width:15%;

      }

}

@media screen and (max-width: 767px) {
    .txtCenterL {
        text-align: left !important;
    }
}

@media screen and (min-width: 961px) {
    .adj-margin-desktop {
        margin-rigth: -35% !important;
    }
}

#slider-range-min { background: #8ae234 !important;}
#slider-range-min-Mob { background: #8ae234 !important;}
.ui-slider-handle.ui-corner-all.ui-state-default { background: blue !important;}
.ui-slider-range.ui-corner-all.ui-widget-header.ui-slider-range-min { background: #8ae234 !important;}

@media screen and (min-width: 768px) and (max-width: 960px) {
    .adjPadBtm5Per{
        padding-bottom: 5.5%;
    }
    .adjMinHCust1{
        min-height: 50px !important;
    }
}
@media screen and (min-width: 961px) {
    .adjPadBtm5Per {
        padding-bottom: 7.5%;
    }
    .adjPadBtmCustPer1{
        padding-bottom: 2.5%;
    }
}

@media screen and (min-width: 768px) {
    .adjPadBtm1 {
        padding-bottom: 15px;
    }

}
@media screen and (max-width: 767px) {
    .adjMarBtm2pt75 {
        margin-bottom: 3.95% !important;
    }
    .adjPadBtm3pt5Per{
        margin-bottom: 3.5% !important;
    }
    .adjMinHCust2 {
        min-height: 75px !important;
    }
}
@media screen and (min-width: 768px) {
    .sliderCl1 {
         width:5%;

         padding-right:1px;
    }

    .sliderCl2 {
        width:85%;
        padding-top:10px;
        padding-right:0px;
        padding-left:0px;
    }

    .sliderCl3 {
        width:10%;
        padding-left:0px;
    }

    .sliderCl4 {
        width:92%; 			/* AM-836 Changed the Width 85 to 92 */
        padding-right:0px;
        padding-left:0px;
    }
    .iconBckGrd1{
        border-radius: 50%;
        min-width: 40px;
        background: #757575;
        text-align: center;
        height: 40px;
        margin-top: 20px;
    }

    .iconBckGrd1 i {
        font-size: 23px;
        color: #fff;
        line-height: 41px;
    }

    .adjPadTop1{
        padding-top:15px;
    }
    .para1Cl {
        line-height: 15px !important;
        letter-spacing: 0px !important;
        padding-left: 15px
    }
}

@media screen and (max-width: 767px) {
    .sliderCl1 {
        width:5%;

        padding-right:1px;
    }

    .sliderCl2 {
        width:85%;

        padding-right:0px;
        padding-left:0px;
    }

    .sliderCl3 {
        width:10%;
        padding-left:0px;
    }
    .sliderCl4 {
        width: 85%;
        padding-right: 0px;
        padding-bottom: 10px;
        padding-left: 0px;
    }

    .para1Cl {
        line-height: 15px !important;
        letter-spacing: 0px !important;
        padding-left: 0px;
    }
    .adjPadLMob{
        padding-left:40px;
    }
  }

.alignRCl{
  	margin-right:15px;  /* AM-836 Added Margin 15px from right */
    float:right;
}

.travStylCl{
    line-height:2.0;
}

.travNmCl{
    line-height:2.0;
    font-size: 16px;
}

.loyaltyRedeemPCl{
    font-size:12px !important;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    color:#333333 !important;
}
.para2Cl{
    line-height:15px !important;
    letter-spacing:0px !important;
    padding-left:-20px !important;
}

.dispBlockCl{
    display: block !important;
}

@media screen and (min-width: 768px) {
    .alignTxtCenCl {
        text-align: center;
    }
}
@media screen and (min-width: 961px) {
    .widthAdjLL1 {
        width: 23.3%;
    }

    .widthAdjLL2 {
        width: 10%;
    }
}

.numMCl1{
    font-size: 1.3em;
    margin-left: -3px;
    color: var(--ltp-green);
}

.totAmtCl{
    margin-top:10px;
}

.noMarginCl{
    margin:0px !important;
}

@media screen and (max-width: 767px) {
    .recapTabMargCl {
        margin: 10px ;
    }
}

@media screen and (min-width: 768px) {
    .adjModPad {
        padding-left: 4%;
        padding-right: 4%;
    }
}

.adjModLPad{
    padding-left:4%;
}

.adjModTPad{
    padding-top:20px;
}

@media screen and (max-width: 767px) {
    .noMobPad {
        padding: 0px !important;
    }
}


.adjRowMarg1{
    margin-top:10px;
}

.adjRowMarg{
    margin-top:20px;
}

.adjColRPad{
    padding-right:8%;
}

@media screen and (max-width: 767px) {
    .adjMargLR {
        margin-left: 5%;
        margin-right: 5%;
    }
}

.adjMargBtm{
    margin-bottom: 25px;
}

.adjMargBtm1{
    margin-bottom: 10px;
}

.displayFlexCL{
    display: flex !important;
}

.rmBtmMarg{
    display:none !important;
    margin-bottom: 0px !important;
}




/********************************************************
* Mike
********************************************************/

/* safari browser fix */
.row{
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.col {
    background:red;
    border:1px solid black;

    -webkit-flex: 1 ;-ms-flex: 1 ;flex: 1 ;
}
.row:before, .row:after{
  display: none !important;
}

input::placeholder {
  width: 100%;
}

.form-group {
    margin-bottom: 15px;
}

.hotlink-area {
    display: block;
    width: 100%;
}

.planetFitnessLogo {
    width: 10%
}

.search-results-div {
     top: 14%;
     left: 21%;
     width: 52.5em !important;
}

.search-results-div-error {
    top: 24%;
    left: 21% !important;
    margin: -5px;
    width: 52.5em !important;
}


.resort-details-picker {
    width: 275px !important;
}

.ui-datepicker {
     width: 52.5em;
}
/************************************************************************
* Cruises
*************************************************************************/
.authUserTemplateDiv-cruise-override {
    width: 100%;
}

#tabs-hero #cruiseForm {
    position: relative !important;
    top: inherit !important;
}

.absolute-position {
    position: absolute !important;
}

.destRow {
    /*
        top: 100px;
        position: absolute;
    */
}

.btn-fw {
    width: 100%;
}

.dropdown-dest-overide {
    padding-left: 10px !important;
}

.dropdown-destoverride-first {
    padding-bottom: 25px;
}

.cruise-dropdown-caret::after {
    display: none;
}

.btn-cruise {
    color: #666 !important;
    background-color: #fff;
    border-color: #666666 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    text-transform: capitalize !important;
    padding-left: 0px;
    border-radius: 0px !important;
}

#tabs-hero #cruiseForm .form-control {
    height: 55px !important;
}

#embarkationRangeFromDate {
    border-radius: .25rem !important;
}

.form-select-over {
    margin-left: 1px !important;
    padding-left: -1px;
}

#ilg-menu-multiselect {
    display: block;
    margin-right: -13px !important;
    /*border: 1pt solid green;*/
}

#ilg-menu-multiselect > ul {
    list-style-type: none;
    margin: auto;
    padding: 0;
}

#ilg-menu-multiselect > li {
    display: block;
    padding: 15px;
    text-align: left;
    margin: auto;
    margin-right: -13px !important;
}

.dropdown-menu-3 {
    display: block;
    width: 22.9%
}

.dropdown-menu-2 {
    display: block;
}


.dropdown-menu-leg {
    display: block;
    width: 24.2%;
}

.cruiseHeroTop-override {
    top: 90px;

}

.mainContent-override {
    margin-top: 10%;
    width: 100%;
}

.btn-border-override {
    border-color: #666666 !important;
    border: 1px solid #666;
    /*border-radius: 5px;*/
}

.form-select-over {
    background: url(/files/live/sites/common/files/images/icons/dropArrow.png) no-repeat right 10px center white;
    background-size: 2.9%;
    margin-left: 3px;
}

.cruise_length_options {
    margin-left: 0px;
}

.fst-15 {
    padding-left: 15px;
}

.cruises-container-override {
    width: 95%;
}

.cruises {
     background: transparent;
     box-shadow: none;
     border: none;
}

.interstitialContainer11-override {
        left: 0%;
        margin: 0 auto;
}

.fstco-15 {
    padding-left: 15px;
}

.dest-dropdown {
   color: #00578b;
}

.dest-dropdown-selected {
    background: #0077BE !important;
    color: white;
}

.dest-dropdown:hover, .dest-dropdown:focus {
    background-color: #64A508;
}

.dest-dropdown:hover, .dest-dropdown:focus {
    color: white;
}

.form-check-label {
    width: 130%;
}

.form-check-label:hover, .form-check-label:focus {
    color: white;
}

.cruise-dropdown-menu:hover, .cruise-dropdown-menu:focus {
    background-color: #64A508
}

.cruise-dropdown-menu:hover, .cruise-dropdown-menu:focus, .form-check-label:hover, .dest-dropdown:focus {
    color: white;
}

.cruise-size {
    width: 257px;
}

.pad-left {
    padding-left: 15px;
}

#cruiseSearchBtn {
    padding-bottom: 16px !important;
    padding-top: 19px !important;
}


.prelogin-consent-margin {
    position: fixed;
    height: 100px;
    bottom: 0;
    width: 100%;
    margin-left: -15px;
}


/************************************************************************
 PreLogin Header
*************************************************************************/
.navbar {
  position: relative;
  min-height: 50px;
  /* margin-bottom: $navbar-margin-bottom;
  border-bottom: 1px solid $gray-lighter;
  background: $white;*/
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
  font-family: "Open Sans", sans-serif;
  /* height: 81px; */
  z-index: 299;
  padding: 5px 0;
}

a.nav-link-override:hover, a.nav-link-override:visited, a.nav-link-override:active {
    text-decoration: none !important;
}

.pt-3-override {
    margin-top: 11px;
}

.dropdown-item-override {
    display: block;
    padding: 10px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333333;
    white-space: nowrap;
}

.no-underline {
    text-decoration: none !important;
}

#sessionTimedOut {
    padding-top: 20%
}

#session-title-2{
    color: #FFF !important;
    font-size: 24px !important;
    margin: 15px;
}

/**********************************************************************
* Postlogin
**********************************************************************/
.navbar-nav-pl-override {
    font-size: 1.1em;
    font-weight: 700;
    text-transform: none !important;
}

.dropdown-item-width-override {
    min-width: 200px !important;
}

.margin-left-neg-15 {
    margin-left: -15px;
}

/**
* override global.scss
*/
a:hover#signOutLink {
    background-color: white !important;
    color: #0077be !important;
}
a#signOutLink {
    color: #00578b !important;
}

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

.ll-type-ahead-padding {
    padding-top: 7% !important;
}

.dashboard-promo-wrapper a, .dashboard-promo-wrapper a:hover {
    text-decoration: none;
    color: black;
}

.top10 {
    padding-top: 80px;
}


.popover-relative {
    overflow-y:hidden;
}

.heroContainer-override {
    margin-top: -130px !important;
    margin-left: 16px;
}

.tabs-hero-override {
    min-width: 100%;
}


#getawayForm {
    padding-top: 47px;
    width: 92%;
    padding-left: 10% !important;
}

.ll-promo-row {
   padding-top: 88px !important;
}

#getawayForm1 {
    min-width: 100%;
    padding-bottom: 20%;
}

.dashboard-container-override {
    display: flex;
    justify-content: flex-end;
}

.topTen .owl-nav .owl-prev {
    /*left: 0px !important;*/
}

.carousel.topTen {
    padding: 0 40px;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: inherit;
}


/**
* Refactor to use calc method
*/
.input-override {
    height: 3.3rem !important;
}

.input-cal-override {
    height: 3.7rem !important;
}

.recentSearches-override {
    width: 719px;
}

.border {
    border: 1px solid red;
}

.row-display-flex {
    display: flex
}

.container-top-ten {
    position: relative;
    top: 133px;
}

.ui-datepicker-left {
   position: absolute;
   left: 0px;
}

.travel-input {
   position: absolute;
   z-index: 1;
}

.travel-input-trigger {
    background: none;
    border: none;
    padding: 5px 10px;
    position: absolute;
    outline: none;
}

#heroCity {
    padding-left: 7% !important;
}

.pt-px-td {
    padding-top: 21px !important;
}

.heroDatePicker {
    padding-left: 50px !important;
}
/********************************************
* Contact US
********************************************/
#typeMessage {
    height: 200px;
}

.form-control-override:focus, .form-control-override:active, .form-control-override:visited  {
     background-color: transparent;
     border-color: transparent;
}
}

.tar-sm-none {
        text-align: inherit !important;
}

/**********************************************
* Privacy Policy
**********************************************/
.height-spacer {
    min-height: 700px;
}

.card-title-override {
    font-size: 28px;
}

.policyCl:hover  {
    text-decoration: none;
}
.policyCl-green, .policyCl-green:hover {
  background: #74A232;
  animation: fadeInAnimation ease .25s;
  animation-fill-mode: forwards;
}

.policySpanId-bg-green, .policySpanId-bg-green:hover {
  color: white;
  animation: fadeInAnimation ease .25s;
  animation-fill-mode: forwards;
}


/*********************************************
* Terms of Use
**********************************************/
.termsCl:hover, termsSpanCl:hover  {
    text-decoration: none;
}

a.stateProvince {
    text-decoration: none !important;
}


/********************************************
* Search Results
*********************************************/
.video-js {
    height: 200px;
}

.vjs-poster {
    display: none;
}

.img-override {
    height: 200px;
}

.vjs-dock-text {
    display: none !important;
}

.vjs-control-bar {
    display: none !important;
}

.bc-player-H1qcL8rEz_default .vjs-big-play-button:active, .bc-player-H1qcL8rEz_default .vjs-big-play-button:focus, .bc-player-H1qcL8rEz_default:active .vjs-big-play-button, .bc-player-H1qcL8rEz_default:hover .vjs-big-play-button {
    background-color: rgba(0,0,0,.45) !important;
}

.justify-content-flex-start {
    display: flex;
    justify-content: flex-start;
}

.padding-left-5px {
    padding-left: 5px !important;
}

.margin-top-2px {
    margin-top: -2px !important;
}


.border-radius-listbtn {
    border-radius: border-radius: 5px 0px 0px 4px;
}

.search-results-div{
    width: 52em !important;
    z-index: 500 !important;
}

.recap {
    display: flex !important;
}

.btn-transparent {
    background: transparent !important;
}

.preLoginBg {
    width: 100% !important;
}


/****************************************************************************************
* Prelogin
****************************************************************************************/
.gray {
    background: #d9d9d9;
}

.container-pad-override {
    padding-left: 0;
    padding-right: 0;
}

.row-override {
    padding-left: 13px;
    padding-right: 13px;
}

.form-prelogin-override {
   width: 97%;
}


/***********************************************************
* Modify Search
***********************************************************/
.searchResultsListNone .orNo {
    margin: 100px 0 0 -45px;
}

.searchResultsListNone .panel {
    /*padding: 5% 5% 5% 5% !important;*/
}

.light-green {
    color: #64A508 !important;
    font-weight: bold;
}

/**********************************************************
* Resort Details
***********************************************************/

.kitchen-font {
    font-size: 16px;
    padding-top: .5rem;
}



.ratingsContainer .headRow {
   /* padding: 12px; */
    margin: -15px;
}

.ratingsContainer {
    margin-top: 15px;
}

/* legacy contents */
    @font-face {
      font-family: 'icomoon';
      src: url("/modules/interval-jahia-templates/css/fonts/icomoon/icomoon.eot?-h4hs9w");
      src: url("/modules/interval-jahia-templates/css/fonts/icomoon/icomoon.eot?#iefix-h4hs9w") format("embedded-opentype"), url("/modules/interval-jahia-templates/css/fonts/icomoon/icomoon.ttf?-h4hs9w") format("truetype"), url("/modules/interval-jahia-templates/css/fonts/icomoon/icomoon.woff?-h4hs9w") format("woff"), url("/modules/interval-jahia-templates/css/fonts/icomoon/icomoon.svg?-h4hs9w#icomoon") format("svg");
      font-weight: normal;
      font-style: normal;
    }

    @font-face {
      font-family: 'Glyphicons Halflings';
      src: url("/modules/interval-jahia-templates/css/fonts/bootstrap/glyphicons-halflings-regular.eot");
      src: url("/modules/interval-jahia-templates/css/fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("/modules/interval-jahia-templates/css/fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("/modules/interval-jahia-templates/css/fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("/modules/interval-jahia-templates/css/fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("/modules/interval-jahia-templates/css/fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
    }

    .recentSearch {
        margin: -40px 0px 0px 0px !important;
    }

    .recentSearch > li {
         list-style-type: none;
    }

    .spinner img{
      width: 50px;
      margin-left: auto;
      margin-right: auto;
      display: block;
      margin-bottom: 50px;
      margin-top: 20px;
    }

    .halfCircle-override {
           margin-left: -2px !important;
           margin-top: -2px !important;
    }

/*******************************************************
* Profile
*******************************************************/
.modal-title-override {
    text-transform: capitalize !important;
}

.modal-title-override-2 {
    text-transform: none !important;
}

/****************************************************
* Media Queries Start
******************************************************/
@media screen and (max-width: 480px) {

    .navbar-brand-sm {
        width: 68%
    }

    .navbar-brand-sm a {
        width: 75%;
    }

    .noPad-xs {
        padding: 0 !important;
    }

    .border-bottom-accent {
        border-bottom: solid 2px #d9d9d9
    }

    .sm-pl-0 {
        padding-left: 0px !important;
    }

    .pageTop-override {
        padding-top: 0px !important;
        margin-top: 0px !important;
    }

    .cp-sm-pt {
        padding-top: 25% !important;
    }

    .mobile-nav-grouping {
        justify-content: center;
        margin-top: .5rem!important;
    }

    .pl-mt-2 {
        margin-top: .5rem!important;
    }

    .pl-fr {
        float: right;
    }


    .logo-sm-fl {
        float: left;
        width: 50% !important;
    }

    .mb-sm-2 {
        margin-bottom: .5rem!important;
    }

    .fs {
        padding-right: 1px !important;
    }
/*****************************************************
* Contact Us
*****************************************************/
    .tar-sm-none {
        text-align: center !important;
    }

/*****************************************************
* Search Results
*****************************************************/

     #editInventoryResults .recap, #editInventoryResults .recapEdit {
         padding: 10px !important;
     }

     .serp-right-buttons-alignment {
         padding-left: 10px !important;
     }
     .ml-xs-2 {
         margin-left: .5rem!important;
     }

     .recap {
         display: inherit !important;
     }

     .margin-sm-left-15px {
         margin-left: 15px;
     }

    .ui-datepicker-group:first-child {
        margin: 13px 0 0 0;
    }

    .search-results-div {
        top: 32%;
        left: 21% !important;
    }


    .search-results-div-error {
        top: 50%;
        left: 21% !important;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
        border: 1px solid #d9d9d9;
    }

    //how to select from top selector
    .search-results-div.ui-datepicker.ui-datepicker-multi .ui-datepicker-group table {
        width: 100%;
        margin: 0 auto .4em;
    }

    .search-results-div-error.ui-datepicker.ui-datepicker-multi .ui-datepicker-group table {
        width: 100%;
        margin: 0 auto .4em;
    }

     /*******************************
     * Prelogin
     ********************************/
     .form-phone-override {
        margin-left: 13px;
        width: 93%;
     }

     /*******************************
     * Dashboard
     *******************************/
     .top10-ll {
         padding-top: 90px !important;
     }

    .search-bar {
        margin-bottom: -213px;
    }

     .dashTop {
        padding-top: 285px !important;
        position: relative !important;
     }

     .headlineCopy {
        /* padding-top: 130px !important; */
        top: 20% !important;
        width: 300px;
        margin-left: 5%;
     }


     .videos {
        padding-top: 15px;
     }

    #heroContainer .videoWrap {
        height: 650px !important;
    }

    .push-down {
        /* padding-top: 651px !important; */
    }

    .ms-xs-3 {
        margin-left: 1rem!important;
    }

    .pillsHere-override {
        position: absolute;
        top: -92px;
    }

    .owl-carousel.owl-loaded {
        display: block;
        padding: 0 15px;
    }

    .topTen .owl-nav .owl-prev {
        left: -13px;
    }

    .topTen .owl-nav .owl-next {
        right: -13px;
    }

    .owl-stage-outer{
      margin-right: -5px;
    }

    .searchForm {
        //padding-left: 10px;
        margin-left: 5px !important;
    }

    .top10 {
        padding-top: 100px;
    }

    .margin-left-mobile {
       margin-left: 15px;
    }

    /**************************
    * Cruises
    ***************************/
    .noPad-xs {
        padding: 0px;
    }
    .cruiseHeroTop-override {
        top: 0;
    }

    #cruiseOffer {
        padding-left: 15px;
        padding-right: 15px;
    }

    .searchResultsList-override {
        padding-left: 15px;
        padding-right: 15px;
    }

    .banContain {
       padding-left: 15px;
    }

    .banContain-override {
       height: auto !important;
    }

    .headRow-override {
        margin-left: -3px;
    }

    .fstco-15 {
        padding-left: 0px;
    }

    #ilg-menu-multiselect {
        padding: 0 15px 0 15px !important;
    }

    .toThere {
        padding: 0 15px 0 15px !important;
    }

    .departCal {
        padding: 0 15px 0 15px !important;
    }

    .returnCal {
        padding: 0 15px 0 15px !important;
    }

    #cruiseSearchBtn {
        margin-left: 14px;
        width: 92%;
    }

    #cruiseDest {
        width: 275px;
    }

    #cruiseLine {
         width: 328px;
    }

    .form-check-input-mobile {
        margin-left: -10px;
    }

    .form-label-mobile {
        margin-left: 25px;
    }

    .extra-spacing {
        margin-left: 25px;
    }}
    /******************************
    * Resort Details
    ******************************/
    .resort-details-picker {
        top: 1180px;
        width: 275px !important;
    }

    #resortContent {
       margin-left: calc(var(--bs-gutter-x)/112);
    }

}


@media screen and (max-width: 767px) {
    .mainContent > .row-override {
       padding-left: 0;
       margin: 0;
       padding-right: 0;
       padding-top: 0;
       padding-bottom: 0;
    }


    .row-contact-override {
        padding-left: 0px !important;
        margin: -15px !important;
        padding-right: 0px !important;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

}

@media only screen and (max-width: 1024px) and (min-width: 993px) {
    .tabs-hero-override {
        min-width: 100%;
    }
}




@media only screen and (max-width: 768px) and (min-width: 481px) {
    .container-override {
            max-width: 100% !important;
    }

    .serp-right-buttons-container {
        margin-left: -11px;
        order: 2;
    }

    .serp-right-buttons-alignment-tablet {
       padding-left: 35px;
    }

    .search-results-div {
        top: 17%;
        left: 21% ;
    }

    .search-results-div-error {
        top: 25%;
        left: 21%;
    }

    .mobile-bg {
            border-bottom: solid 2px #d9d9d9;
            padding: 15px;
            font-size: 1.2em;
            background: #f2f2f2;
            display: block;
    }

    .xs-fw {
        width: 100% !important;
    }

    .video-js {
        height: 100px;
    }

    .recap {
        display: inherit !important;
    }

    .margin-sm-left-15px {
        margin-left: 0px;
    }

    .roomType-override {
        font-size: 12px !important;
    }

    .pl-3-override {
        padding-right: 0rem!important;
    }

    .ps-3-override {
        padding-left: 0rem!important;
    }

    /************************************
    * RESORT DETAILS: Tablet
    *************************************/
    .container-rd-override {
       padding: 0px;
    }

    .ratingsContainer.ratingsTease .circleStroke .halfCircle {
        margin-left: -2px !important;
    }

    .halfCircle-override {
       margin-left: -2px !important;
       margin-top: -2px !important;
    }

    /*.resort-details-picker {
         top: 955px !important;
         left: 22% !important;
    }*/


    /****************
    * Cruises
    *****************/
    .banContain-override {
        padding: 15px 0px 0 0;
    }

    .cruiseCall {
        margin-top: -15px;
    }

    .underCruiseNote {
        z-index: 1;
    }

    .cruiseHeroTop-override {
        top: 75px;
    }

    #cruiseDest {
       width: 245px;
       min-width: 245px;
    }

    #cruiseLine {
       width: 225px;
    }

    .tablet-margin-left {
        margin-left: -12px;
    }

    .searchForm-tablet {
        box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: flex;
        justify-content: center;
    }

    .tabs-hero-override {
        min-width: 100%;
    }

    #getawayForm1 {
        width: 100%;
    }

    /**
    * Safari
    * Samsung Browser
    */
    .searchResultsList-override {
       display: flex: 1 0 auto;
       display: -webkit-flex;
       flex-wrap: wrap;
    }

    /**
    * Dashboard Styling
    */
    .searchForm {
        padding-left: 10px !important;
    }

}


/******************
* Dashboard experiments
    XXL: margin-top: -25% !important;
    LG: margin-top: -15% !important
****************************/
@media only screen and (min-width: 1450px) {

    #getawayForm {
        padding-top: 50px !important;
        width: 90%;
        padding-left: 10% !important;
    }

    #getawayForm1 {
        margin-top: -25% !important;
    }

    .ll-hp-promo {
        margin-left: 10px !important;
    }

    /***
    * CRUISES
    */
    #cruiseDest {
        width: 436px;
    }

    #cruiseLine {
         width: 306px;
    }

}

@media (min-width: 1200px) and (max-width: 1449px) {

    .getaways-enabled .headlineCopy {
            top: 41%;
    }

    #getawayForm1 {
        margin-top: -15% !important;
    }

    .dashTop  {
       margin-bottom: -25%;
    }

    .searchResultsListNone .bucket.intervals a {
        margin-left: 0px;
        margin-right: 0px;
    }
}

@media (min-width: 993px) and (max-width: 1199px) {

    #getawayForm1 {
        margin-top: -30% !important;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1) {

    /*******************************************
    * Profile
    *******************************************/
    .addCC-mb {
            margin-bottom: 15px !important;
    }

    .offset-tablet {
        margin-left: 50% !important;
    }

    /*******************************************
    * Dashboard
    *******************************************/
    .getaways-enabled .headlineCopy {
          position: absolute !important;
          top: 39% !important;
     }

     #getawayForm1 {
         margin-top: -35% !important;
     }

     #cruiseDest {
         width: 300px !important;
     }

     #cruiseLine {
             width: 275px !important;
     }

     .dest-dropdown {
        background: white;
     }

    .searchResultsListNone .bucket.intervals a {
        margin-left: 0px;
        margin-right: 0px;
    }

    .searchResultsListNone .bucket.intervals a {
        margin-left: 0px;
        margin-right: 0px;
    }

    .searchResultsListNone .monthText {
        font-size: 25px;
    }

    /***************************
    * DASHBOARD
    ****************************/
    .search-bar {
        margin-top: -56% !important;
    }

    .top10-ll {
       /* padding-top: 15px !important; */
    }

    .top10 {
         padding-top: 470px !important;
    }

    .ll-type-ahead-padding {
        padding-top: 7% !important;
    }

    .headlineCopy.clearfix.three-line {
        top: 300px !important;
    }

    .ll-hero-image {
      height: 100%;
      width: 100%;
      background-size: cover;
      min-height: 600px !important;
      max-height: 600px !important;
      background-repeat: no-repeat;
    }

     .ll-promo-row {
         padding-top: 50px !important;
         padding-bottom: 20px;
     }

     .ll-icon-holder {
         padding-top: 10% !important;
     }
}

.dashboardPopover {
    touch-action: manipulation;
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1) {

    /*******************************************
    * Profile
    *******************************************/
    .addCC-mb {
        margin-bottom: 15px !important;
    }

    .offset-tablet {
        margin-left: 50% !important;
    }

    .getaways-enabled .headlineCopy {
         position: absolute !important;
         margin-top: -83% !important;
         padding-bottom: 70%;
     }

     #getawayForm1 {
             margin-top: -83% !important;
             padding-bottom: 70%;
     }

     #cruiseDest {
         width: 275px !important;
     }


     #cruiseLine {
             width: 275px !important;

     }

     .dest-dropdown:hover, .dest-dropdown:focus {
              background-color: transparent
     }

     #cruiseSearchBtn {
          padding-bottom: 19px !important;
          padding-top: 15px !important;
     }

     .searchResultsListNone .bucket.intervals a {
         margin-left: 0px;
         margin-right: 0px;
     }

     /***************************
     * DASHBOARD
     ****************************/
     .top10-ll {
         /* padding-top: 0px !important; */
     }

    #getawayForm {
        padding-top: 23px !important;
        width: 95%;
        padding-left: 5% !important;
    }

     .heroContainer-override {
         margin-bottom: -443px;
     }

     .btn-font-smaller {
         font-size: 17px !important;
     }

     .ll-promo-row {
         padding-top: 102px !important;
     }

     .ll-hp-promo {
         margin-left: -150px !important;
         right: -501px !important;
     }

     .ll-icon-holder {
        padding-top: 6% !important;
     }


    #ll-search-wrapper{
      background-color: rgba(0,0,0,0.2);
      padding-top:10px;
      border-radius: 10px;
      padding-bottom:6px;
      margin-top:16px;
      position: absolute;
      top: 216px;
      width: 90% !important;
    }

}

@media (min-width: 768px) and (max-width: 991px) {

    .ll-type-ahead-padding-ipad {
        padding-top: 9% !important
    }

    .top10 {
        padding-top: 0px !important;
    }

    .top10-ll {
        padding-top: 70px !important;
    }

    .getaways-enabled .headlineCopy {
            top: 45%;
    }

    .headlineCopy.clearfix.three-line {
        top: 345px !important;
    }

    #getawayForm {
        padding-top: 0px !important;
        width: 95%;
        padding-left: 5% !important;
    }

    .btn-font-smaller {
        font-size: 17px !important;
    }

    #getawayForm1,
    .getaways-enabled .headlineCopy {
      margin-top: 0 !important;
    }

    .ll-hero-image {
      min-height: 600px !important;
      max-height: 600px !important;
    }

    .search-bar {
        margin-top: -460px !important;
    }

    .searchForm-tablet {
            box-sizing: border-box;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex: 0 1 auto;
            -ms-flex: 0 1 auto;
            flex: 0 1 auto;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            display: flex;
            justify-content: center;
    }

    .col-md-dash-override {
        width: 100%;
    }
    .pillsHere-override {
        margin-left: -50px;
    }

    /**************
    * Cruises
    ***************/
    .cruiseLine-trigger {
        margin-left: 1px !important;
    }

    #cruiseSearchBtn {
        padding-bottom: 16px !important;
        padding-top: 19px !important;
    }
}


@media (min-width: 360px) and (max-width: 480px) {

    /*****************
    * Prelogin
    *****************/
    #session-title-2 {
        font-size: 20px !important;
    }


    .termsSpanCl, .stateProvince {
        font-size: 18px;
    }

    footer .partners {
        clear: both;
        padding: 7px 0;
        position: inherit !important;
    }
    .ll-popover-padding-error {

    }

    .tabs-hero-overide {
        margin-left: -15px;
    }

    .pt-px {
        padding-top: 13px;
    }

    #getawayForm1 {
        margin-top: -18% !important;
    }

    .getaways-enabled .headlineCopy {
        top: 45%;
     }

     .input-override {
         height: 51px !important;
     }

     .input-cal-override {
         height: 51px !important;
     }

    .recentSearches  {
       font-size: 15px;
    }

    .search {
       font-size: 15px;
    }

    #cruiseDest {
        width: 330px;
    }

    .searchResultsListNone .bucket.intervals a {
        margin-left: 0px;
        margin-right: 0px;
    }


    .row-override {
       padding-left: 0 !important;
       margin: 0 !important;
       padding-right: 0 !important;
       padding-top: 0 !important;
       padding-bottom: 0 !important;
    }

}

@media (min-width: 300px) and (max-width: 360px) {
    .ll-text-holder {
        width: 230px !important;
    }
}
@media (min-width: 300px) and (max-width: 375px) {
    /*****************
    * Prelogin
    *****************/
    #session-title-2 {
        font-size: 20px !important;
    }
}
/*
@media screen and (max-width: 991px) {
    .searchResultsList {
        display: flex;
    }
}

@media (min-width: 1024px) ans (max-width:992px) {
    .container-override {
        max-width: 100% !important;
    }

    .dashTop {
        width: 77%;
    }

    #getawayForm1 {
        min-width: 100%;
    }
}

/* Portrait
@media only screen
  and (min-width: 1024px)
  and (max-height: 1366px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1.5) {

    .tabs-hero-override {
        width: 966px;
    }

}



@media only screen and (max-width: 1024px) and (min-width: 1589px) {
    .tabs-hero-override {
        min-width: 100%;
    }
}


@media screen and (min-width: 1590px) {
    .getaways-enabled .headlineCopy {
        margin-top: 0 !important;
        top: 26%;
    }
}
screen and (min-width: 1590px) and (min-height: 599px) {
    .getaways-enabled .headlineCopy {
        top: 35% !important;
    }
}

@media (min-width: 1200px) {
    .container-override {
        max-width: inherit !important;
        width: 100% !important;
    }
}

@media screen and (min-width: 1200px) and (min-height: 999px)
.getaways-enabled .headlineCopy {
    top: 27%;
}

@media screen and (min-width: 1200px) and (min-height: 599px) {
    .getaways-enabled .headlineCopy {
        top: 33% !important;
    }
}

@media screen and (min-width: 992px) and (min-height: 1299px) {
    .dashTop {
        width: 73% !important;
    }
}

@media (min-width: 1400px) {
     .container-override {
         max-width: inherit !important;
         width: 100% !important;
     }
}
*/



/********************************************************
* Shaun
********************************************************/
/*--------------------------------------------------*/
/*--------------------- Color ----------------------*/
/*--------------------------------------------------*/
/* Global colors */
:root {
  /* LTP text colors */
  --ltp-blue: #00578b;
  --ltp-blue-hover: #0077be;
  --ltp-blue-dark: #1f305f;
  --ltp-blue-dark-hover: #121d39;
  --ltp-orange: #ef6e0b;
  --ltp-orange-hover: #be5809;
  --ltp-green: #64a508;
  --ltp-gray: #757575;
  --ltp-grey: #757575;

  /* BS colors */
  --bs-blue: var(--ltp-blue);
  --bs-orange: var(--ltp-orange);
  --bs-green: var(--ltp-green);
  --bs-white: #fff;
}

/*-------------------------------------------------*/
/*------------------- Typography -------------------*/
/*--------------------------------------------------*/
body {
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 14px;
   line-height: 1.428571429;
   color: #333333;
   overflow-x: hidden;
}

h4 {
  font-size: 18px;
}

.h5 {
  font-size: 14px !important;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}

a {
  color: #00578b;
  text-decoration: none;
}
a:hover {
  color: #0077be;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/*--------------------------------------------------*/
/*------------------- Buttons ----------------------*/
/*--------------------------------------------------*/

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 18px;
  line-height: 1.428571429;
  border-radius: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: uppercase;
  color: #0077be;
}
.btn:focus,
.btn.focus,
.btn:active:focus,
.btn:active.focus,
.btn.active:focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #000;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
}
.btn.disabled,
.btn[disabled],
.mainBtn.disabled,
fieldset[disabled] .btn {
  cursor: not-allowed;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.mainBtn.disabled{
    pointer-events: none;
    opacity: .65;
}

.btn-group .btn.btn-gray.active:not(.multiselect) {
  background-color: #000 !important;
}

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}

.btn-default {
  color: #fff;
  background-color: #1f305f;
  border-color: #1f305f;
}
.btn-default:focus,
.btn-default.focus {
  color: #fff;
  background-color: #121d39;
  border-color: black;
}
.btn-default:hover {
  color: #fff;
  background-color: #121d39;
  border-color: #101931;
}
.btn-default:active,
.btn-default.active,
.open > .btn-default.dropdown-toggle {
  color: #fff;
  background-color: #121d39;
  border-color: #101931;
}
.btn-default:active:hover,
.btn-default:active:focus,
.btn-default:active.focus,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.active.focus,
.open > .btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.focus {
  color: #fff;
  background-color: #0a0f1e;
  border-color: black;
}
.btn-default:active,
.btn-default.active,
.open > .btn-default.dropdown-toggle {
  background-image: none;
}
.btn-default.disabled,
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled.focus,
.btn-default.disabled:active,
.btn-default.disabled.active,
.btn-default[disabled],
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled].focus,
.btn-default[disabled]:active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
  background-color: #1f305f;
  border-color: #1f305f;
}
.btn-default .badge {
  color: #1f305f;
  background-color: #fff;
}
.btn-default:active,
.btn-default.active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-default:hover {
  background-color: #0077be;
  border-color: #0077be;
}

.btn-primary {
  color: #fff;
  background-color: #ef6e0b !important;
  border-color: #ef6e0b;
}

.btn-ll-blue {
    font-family: "Verdana", sans-serif;
    font-weight: normal;
    text-transform: unset !important;
    padding: 4px 10px;
    border-radius: 6px;
    border: 1px solid #d7d7d7;
    background-color: #ffffff;
    color: #0a80c7;
    text-align: center;
    line-height: normal;
    font-size: 14px;
    min-width:60px;
}

@media screen and (max-width: 991.5px){
    .btn-ll-blue {
        margin-top: 10px;
        padding: 10px 15px;
    }
}

.btn-ll-white {
    color: #0077be;
    background-color: #FFFFFF;
    border-color: #DDDDDD;
    text-transform: unset !important;
    font-weight: normal;
    min-width:60px;
    font-size: 12px;
}

.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #be5809;
  border-color: #753605;
}
.btn-primary:hover {
  color: #fff;
  background-color: #be5809;
  border-color: #b45308;
}
.btn-primary:active,
.btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #be5809;
  border-color: #b45308;
}
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #9c4807;
  border-color: #753605;
}
.btn-primary:active,
.btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  background-image: none;
}
.btn-primary.disabled,
.mainBtn.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
  background-color: #ef6e0b;
  border-color: #ef6e0b;
}
.btn-primary .badge {
  color: #ef6e0b;
  background-color: #fff;
}
.btn-primary:active,
.btn-primary.active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-secondary {
  color: #fff !important;
  background-color: #1f305f;
  border-color: #1f305f;
}
.btn-secondary:focus,
.btn-secondary.focus {
  color: #fff !important;
  background-color: #121d39;
  border-color: black;
}
.btn-secondary:hover {
  color: #fff !important;
  background-color: #121d39;
  border-color: #101931;
}
.btn-secondary:active,
.btn-secondary.active,
.open > .btn-secondary.dropdown-toggle {
  color: #fff !important;
  background-color: #121d39;
  border-color: #101931;
}
.btn-secondary:active:hover,
.btn-secondary:active:focus,
.btn-secondary:active.focus,
.btn-secondary.active:hover,
.btn-secondary.active:focus,
.btn-secondary.active.focus,
.open > .btn-secondary.dropdown-toggle:hover,
.open > .btn-secondary.dropdown-toggle:focus,
.open > .btn-secondary.dropdown-toggle.focus {
  color: #fff !important;
  background-color: #0a0f1e;
  border-color: black;
}
.btn-secondary:active,
.btn-secondary.active,
.open > .btn-secondary.dropdown-toggle {
  background-image: none;
}
.btn-secondary.disabled,
.btn-secondary.disabled:hover,
.btn-secondary.disabled:focus,
.btn-secondary.disabled.focus,
.btn-secondary.disabled:active,
.btn-secondary.disabled.active,
.btn-secondary[disabled],
.btn-secondary[disabled]:hover,
.btn-secondary[disabled]:focus,
.btn-secondary[disabled].focus,
.btn-secondary[disabled]:active,
.btn-secondary[disabled].active,
fieldset[disabled] .btn-secondary,
fieldset[disabled] .btn-secondary:hover,
fieldset[disabled] .btn-secondary:focus,
fieldset[disabled] .btn-secondary.focus,
fieldset[disabled] .btn-secondary:active,
fieldset[disabled] .btn-secondary.active {
  background-color: #1f305f;
  border-color: #1f305f;
}
.btn-secondary .badge {
  color: #1f305f;
  background-color: #fff !important;
}
.btn-secondary:active,
.btn-secondary.active {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-secondary:hover {
  background-color: #0077be;
  border-color: #0077be;
}

.btn-gray {
  color: #fff;
  background-color: #666666;
  border-color: #666666;
}
.btn-gray:focus,
.btn-gray.focus {
  color: #fff;
  background-color: #4d4c4c;
  border-color: #262626;
}
.btn-gray:hover {
  color: #fff;
  background-color: #4d4c4c;
  border-color: #474747;
}
.btn-gray:active,
.btn-gray.active,
.open > .btn-gray.dropdown-toggle {
  color: #fff;
  background-color: #4d4c4c;
  border-color: #474747;
}
.btn-gray:active:hover,
.btn-gray:active:focus,
.btn-gray:active.focus,
.btn-gray.active:hover,
.btn-gray.active:focus,
.btn-gray.active.focus,
.open > .btn-gray.dropdown-toggle:hover,
.open > .btn-gray.dropdown-toggle:focus,
.open > .btn-gray.dropdown-toggle.focus {
  color: #fff;
  background-color: #3b3b3b;
  border-color: #262626;
}
.btn-gray:active,
.btn-gray.active,
.open > .btn-gray.dropdown-toggle {
  background-image: none;
}
.btn-gray.disabled,
.btn-gray.disabled:hover,
.btn-gray.disabled:focus,
.btn-gray.disabled.focus,
.btn-gray.disabled:active,
.btn-gray.disabled.active,
.btn-gray[disabled],
.btn-gray[disabled]:hover,
.btn-gray[disabled]:focus,
.btn-gray[disabled].focus,
.btn-gray[disabled]:active,
.btn-gray[disabled].active,
fieldset[disabled] .btn-gray,
fieldset[disabled] .btn-gray:hover,
fieldset[disabled] .btn-gray:focus,
fieldset[disabled] .btn-gray.focus,
fieldset[disabled] .btn-gray:active,
fieldset[disabled] .btn-gray.active {
  background-color: #666666;
  border-color: #666666;
}
.btn-gray .badge {
  color: #666666;
  background-color: #fff;
}
.btn-gray:active,
.btn-gray.active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-off {
  color: #fff;
  background-color: #d9d9d9;
  border-color: #d9d9d9;
}
.btn-off:focus,
.btn-off.focus {
  color: #fff;
  background-color: #c0bfbf;
  border-color: #999999;
}
.btn-off:hover {
  color: #fff;
  background-color: #c0bfbf;
  border-color: #bababa;
}
.btn-off:active,
.btn-off.active,
.open > .btn-off.dropdown-toggle {
  color: #fff;
  background-color: #c0bfbf;
  border-color: #bababa;
}
.btn-off:active:hover,
.btn-off:active:focus,
.btn-off:active.focus,
.btn-off.active:hover,
.btn-off.active:focus,
.btn-off.active.focus,
.open > .btn-off.dropdown-toggle:hover,
.open > .btn-off.dropdown-toggle:focus,
.open > .btn-off.dropdown-toggle.focus {
  color: #fff;
  background-color: #aeaeae;
  border-color: #999999;
}
.btn-off:active,
.btn-off.active,
.open > .btn-off.dropdown-toggle {
  background-image: none;
}
.btn-off.disabled,
.btn-off.disabled:hover,
.btn-off.disabled:focus,
.btn-off.disabled.focus,
.btn-off.disabled:active,
.btn-off.disabled.active,
.btn-off[disabled],
.btn-off[disabled]:hover,
.btn-off[disabled]:focus,
.btn-off[disabled].focus,
.btn-off[disabled]:active,
.btn-off[disabled].active,
fieldset[disabled] .btn-off,
fieldset[disabled] .btn-off:hover,
fieldset[disabled] .btn-off:focus,
fieldset[disabled] .btn-off.focus,
fieldset[disabled] .btn-off:active,
fieldset[disabled] .btn-off.active {
  background-color: #d9d9d9;
  border-color: #d9d9d9;
}
.btn-off .badge {
  color: #d9d9d9;
  background-color: #fff;
}
.btn-off:hover {
  background-color: #d9d9d9;
  cursor: default;
}

.btn-success {
  color: #fff;
  background-color: #64a508;
  border-color: #558d07;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #477406;
  border-color: #0c1301;
}
.btn-success:hover {
  color: #fff;
  background-color: #477406;
  border-color: #325204;
}
.btn-success:active,
.btn-success.active,
.open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #477406;
  border-color: #325204;
}
.btn-success:active:hover,
.btn-success:active:focus,
.btn-success:active.focus,
.btn-success.active:hover,
.btn-success.active:focus,
.btn-success.active.focus,
.open > .btn-success.dropdown-toggle:hover,
.open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle.focus {
  color: #fff;
  background-color: #325204;
  border-color: #0c1301;
}
.btn-success:active,
.btn-success.active,
.open > .btn-success.dropdown-toggle {
  background-image: none;
}
.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled.focus,
.btn-success.disabled:active,
.btn-success.disabled.active,
.btn-success[disabled],
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled].focus,
.btn-success[disabled]:active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
  background-color: #64a508;
  border-color: #558d07;
}
.btn-success .badge {
  color: #64a508;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #0077be;
  border-color: #0077be;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #00578b;
  border-color: #00273f;
}
.btn-info:hover {
  color: #fff;
  background-color: #00578b;
  border-color: #005181;
}
.btn-info:active,
.btn-info.active,
.open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #00578b;
  border-color: #005181;
}
.btn-info:active:hover,
.btn-info:active:focus,
.btn-info:active.focus,
.btn-info.active:hover,
.btn-info.active:focus,
.btn-info.active.focus,
.open > .btn-info.dropdown-toggle:hover,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle.focus {
  color: #fff;
  background-color: #004167;
  border-color: #00273f;
}
.btn-info:active,
.btn-info.active,
.open > .btn-info.dropdown-toggle {
  background-image: none;
}
.btn-info.disabled,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled.focus,
.btn-info.disabled:active,
.btn-info.disabled.active,
.btn-info[disabled],
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled].focus,
.btn-info[disabled]:active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
  background-color: #0077be;
  border-color: #0077be;
}
.btn-info .badge {
  color: #0077be;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #c69130;
  border-color: #b1822b;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #9d7326;
  border-color: #4b3712;
}
.btn-warning:hover {
  color: #fff;
  background-color: #9d7326;
  border-color: #805e1f;
}
.btn-warning:active,
.btn-warning.active,
.open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #9d7326;
  border-color: #805e1f;
}
.btn-warning:active:hover,
.btn-warning:active:focus,
.btn-warning:active.focus,
.btn-warning.active:hover,
.btn-warning.active:focus,
.btn-warning.active.focus,
.open > .btn-warning.dropdown-toggle:hover,
.open > .btn-warning.dropdown-toggle:focus,
.open > .btn-warning.dropdown-toggle.focus {
  color: #fff;
  background-color: #805e1f;
  border-color: #4b3712;
}
.btn-warning:active,
.btn-warning.active,
.open > .btn-warning.dropdown-toggle {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled.focus,
.btn-warning.disabled:active,
.btn-warning.disabled.active,
.btn-warning[disabled],
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled].focus,
.btn-warning[disabled]:active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
  background-color: #c69130;
  border-color: #b1822b;
}
.btn-warning .badge {
  color: #c69130;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #a94442;
  border-color: #973d3b;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #843534;
  border-color: #3b1817;
}
.btn-danger:hover {
  color: #fff;
  background-color: #843534;
  border-color: #6b2b2a;
}
.btn-danger:active,
.btn-danger.active,
.open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #843534;
  border-color: #6b2b2a;
}
.btn-danger:active:hover,
.btn-danger:active:focus,
.btn-danger:active.focus,
.btn-danger.active:hover,
.btn-danger.active:focus,
.btn-danger.active.focus,
.open > .btn-danger.dropdown-toggle:hover,
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: #6b2b2a;
  border-color: #3b1817;
}
.btn-danger:active,
.btn-danger.active,
.open > .btn-danger.dropdown-toggle {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled.focus,
.btn-danger.disabled:active,
.btn-danger.disabled.active,
.btn-danger[disabled],
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled].focus,
.btn-danger[disabled]:active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
  background-color: #a94442;
  border-color: #973d3b;
}
.btn-danger .badge {
  color: #a94442;
  background-color: #fff;
}

.btn-link {
  color: #00578b;
  font-weight: normal;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #0077be;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus {
  color: #757575;
  text-decoration: none;
}

.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 5px;
}

.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 5px;
}

.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 5px;
}

.btn-block {
  display: block;
  /* width: 100%; */
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.btn.dropdown-toggle.multiselect {
  background-color: #fff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  border: solid 1px #d9d9d9;
  color: #666666;
  text-transform: capitalize;
}
.btn.dropdown-toggle.multiselect:hover,
.btn.dropdown-toggle.multiselect:focus {
  background-color: #fff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  border: solid 1px #d9d9d9;
  color: #666666;
}

#signInBtn:hover {
  background: #ef6e0b !important;
}

/**
* Dashboard btn customization
*/
.btn-transform-capitalize {
    text-transform: capitalize;
    font-weight: inherit !important;
}

/*--------------------------------------------------*/
/*----------------- Compatability ------------------*/
/*--------------------------------------------------*/

.navbar.fixed {
  position: fixed;
  z-index: 299;
  top: 0;
  width: 100%;
  -webkit-box-shadow: 0 0 3px 5px rgb(0 0 0 / 13%);
  box-shadow: 0 0 3px 5px rgb(0 0 0 / 13%);
}

.ratings li .circleStroke {
  width: 12px;
  height: 12px;
}

sup {
  top: -0.2em;
}

#searchresults-sleeps,
#searchresults-sleeps2 {
  display: inline;
}

.navbar-toggler {
  color: var(--ltp-blue-hover);
}
.nav-link {
  color: var(--bs-blue) !important;
}

.nav-link:hover {
  color: var(--ltp-blue-hover) ;
  text-decoration: underline !important;
}

.selectWrap {
  position: relative;
  cursor: pointer;
  background: url(/files/live/sites/common/files/images/icons/dropArrow.png)
    no-repeat right 6px center #fff;
  background-size: 13px 8px;
  margin-bottom: 5px;
  background-color: white !important;
}

a.list-group-item,
button.list-group-item {
  color: #0077be;
  font-size: 18px;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #ef6e0b;
}
a.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:hover,
button.list-group-item:focus {
  text-decoration: none;
  color: #fff;
  background-color: #64a508;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px;
  margin-bottom: 0;
  background-color: #fff;
  color: #fff;
  border-bottom: 2px solid #f2f2f2 !important;
}

.navbar {
  position: relative;
  min-height: 75px;
  /*-webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);*/
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  font-family: "Open Sans", sans-serif;
  z-index: 299;
  padding: 5px 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 10px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  /*color: $dropdown-link-color;*/
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #ffffff !important;
  background-color: #64a508;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #0077be;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #757575;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}

.open > .dropdown-menu {
  display: block;
}

.open > a {
  outline: 0;
}

.pageTop {
  margin-top: 50px;
  min-height: 700px;
}

.dropdown-menu-right {
  left: auto;
  right: 0;
}

.dropdown-menu-left {
  left: 0;
  right: auto;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.428571429;
  color: #757575;
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}

/*--------------------------------------------------*/
/*-------------------- Dashboard -------------------*/
/*--------------------------------------------------
#dashboardWrapper > nav {
  background: transparent !important;
}*/

/*------------------------------------------------
-------------------- Navigation ------------------
--------------------------------------------------*/

.dropdown-item {
  padding-left: 0;
  padding-right: 0;
}
/*
.dashboard-white{
  color: white !important;
}

.dashboard-white:hover{
  color: white !important;

}
*/

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  text-transform: none;/* luis ltp-201*/
  display: block;
  padding: 10px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: var(--ltp-blue);
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  width: 100%;
  text-decoration: none;
  color: #ffffff !important;
  background-color: #64a508;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #0077be;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #757575;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}

.open > .dropdown-menu {
  display: block;
}

.open > a {
  outline: 0;
}

.dropdown-menu-right {
  left: auto;
  right: 0;
}

.dropdown-menu-left {
  left: 0;
  right: auto;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.428571429;
  color: #757575;
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}

#getaways_pg > ul > li:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.inverseNav #getaways_pg > li:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

/* --------- Inverse Nav ----------*/

.inverseNav #getaways_pg:hover,
.inverseNav #cruise_pg:hover,
.inverseNav #travel_pg:hover,
.inverseNav #benefits_pg:hover,
.inverseNav #offersExtras_pg:hover,
.inverseNav #navbar > ul.nav.navbar-nav.visible-xs > li:hover,
.inverseNav #navbar > ul.nav.navbar-nav.mystuff.col-md-2 > li:hover {
  background-color: rgba(255, 255, 255, 0.3);
  color: var(--ltp-blue) !important;
}

.inverseNav a#dropdownMenu2,
.inverseNav a#dropdownMenu3,
.inverseNav a#dropdownMenuHelpId {
  padding: 5px;
}

.inverseNav a#dropdownMenu2:hover,
.inverseNav a#dropdownMenu3:hover,
.inverseNav a#dropdownMenuHelpId:hover {
  background-color: rgba(255, 255, 255, 0.3);
  color: var(--ltp-blue) ;
  padding: 5px;
}

.inverseNav #dropdownMenuGetawaysId,
.inverseNav #cruise_pg > a,
.inverseNav #dropdownMenuTravelId,
.inverseNav #dropdownMenuBenefitsId,
.inverseNav #dropdownMenuGetawaysId,
.inverseNav #offersExtras_pg > a {
  color: var(--ltp-blue) !important;
  font-weight:normal;
}

.inverseNav #getaways_pg > a img {
  display: none;
}
.inverseNav #globalNav .navbar-nav > li > a i {
  margin: 2px 0 0 2px;
  color: #fff;
  display: inline;
}

.inverseNav #globalNav .navbar-nav > li.open > a {
  color: #222222;
}

.inverseNav #globalNav .mobileNavDrop .navbar-nav > li > a {
  text-shadow: none;
}

#smallNav {
  background: #fff;
}
#smallNav .moreLinks a {
  padding: 7px 10px;
}

/* temp fix to get the sidebar working */
.rightRail.affix-top.myaccount {
  width: 277px !important;
}

ul {
  padding: 0;
  margin: 0;
}

.logo-sm-fl {
  width: 30% !important;
}

.inverseNav #smallNav {
  background: transparent;
}

.inverseNav a#dropdownMenuHelpId,
.inverseNav a#dropdownMenu2,
.inverseNav a#dropdownMenu3{
  font-weight: normal;
  color: var(--ltp-blue);
  /* margin-top: -60px !important;*/
}

/* .inverseNav a#dropdownMenuHelpId,
.inverseNav a#dropdownMenu2 {
  font-weight: normal;
  color: white;
}*/

a#dropdownMenuHelpId,
a#dropdownMenu2,
a#dropdownMenu3{
  font-weight: normal;
  margin-left: -2px !important;
}
/*
.inverseNav .navbar,
.navbar {
  margin-top: 40px;
}

#navbar > ul.nav.navbar-nav.visible-xs > li,
#account_pg {
  margin-top: -55px;
}
/*
.inverseNav #navbar > ul.nav.navbar-nav.visible-xs > li,
.inverseNav #navbar > ul.nav.navbar-nav.mystuff.col-md-2 > li{
  margin-top: -55px;
}*/

/***********************************************
     * .navbar-brand {
      float: left;
      padding: 0;
      font-size: 18px;
      line-height: 20px;
      height: auto;
      }

    * CONTACT US
    ************************************************/
.textClear .close {
  position: absolute;
  right: 6px;
  top: 10px;
  font-size: 16px;
  display: none;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.55;
  -moz-opacity: 0.55;
  filter: alpha(opacity=55);
}

.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

#mobile-nav {
  display: none !important;
}

.logo-sm-fl {
  width: 150px !important;
}

#navbar > ul:nth-child(3) {
  display: inline;
  position: absolute !important;
  top: -16px;
  right: 7%;
  font-size: 13px;
}

.inverseNav #benefits_pg > a {
  color: var(--ltp-blue) !important;
}

#preCreateProfileMobile {
  display: none !important;
}

#prelogin_btnMobile {
  margin-top: 8px;
}

/*------------------------------------------------
----------------- Media Queries -------------------
--------------------------------------------------*/
@media screen and (min-width: 995px) {
  #navbar {
    position: relative;
    top: -40px;
  }
}
@media screen and (min-width: 1520px) {
  #navbar {
    display: block !important;
    position: relative;
    top: -40px;
  }
}

@media screen and (max-width: 1200px) {
  #navbar > ul:nth-child(2) {
    right: 15%;
  }
}

@media screen and (max-width: 767px) {
  .inverseNav a#dropdownMenu2:hover,
  .inverseNav a#dropdownMenu3:hover,
  .inverseNav a#dropdownMenuHelpId:hover {
    color: black;
    padding: 15px;
  }

  #preCreateProfileMobile {
    display: block !important;
  }

  body > nav > div {
    padding-top: 0 !important;
  }

  body
    > div.authUserTemplateDiv.container.pageTop
    > div
    > div.col-sm-3.affixParent.hidden-xs,
  #account
    > div.container.editProfile
    > div
    > div
    > div.col-sm-3.affixParent.hidden-xs {
    display: none;
  }

  body
    > div.authUserTemplateDiv.container.pageTop
    > div
    > div.col-sm-9.mainContent {
    padding-top: 30px;
  }

  .inverseNav #navbar > ul.nav.navbar-nav.col-md-10 > li > a {
    color: #000 ;
    padding-left: 10px;
  }

  #navbar > ul:nth-child(3) > li > a {
    color: #000;
    font-weight: bold;
    padding-left: 10px;
    font-size: 15px;
  }

  /* account link */
  #navbar > ul:nth-child(3) > li > a {
    color: var(--ltp-blue) ;
    font-weight: bold;
    padding: 15px;
    font-size: 14px;
  }

  /* help link */
  #navbar > ul:nth-child(2) {
    /*  display: block !important; */
    position: relative !important;
    top: unset;
    left: unset;
    right: unset !important;
  }

  #dropdownMenuHelpId {
    font-size: 14px;
    font-weight: bold !important;
  }

  /*  testing this */
  #navbar > ul:nth-child(3) {
    position: unset !important;
  }

  .container > .navbar-collapse {
    padding: 0;
    background-color: #fff;
    border-top: solid 1px #dedede;
  }
  .container > .navbar-collapse .navbar-nav {
    /* padding: 0 15px; */
    font-size: 1em;
  }
  .container > .navbar-collapse .navbar-nav > li {
    padding: 0;
/*    border-bottom: solid 2px #d9d9d9;  luis ltp-201*/
  }
  .container > .navbar-collapse .navbar-nav > li > a {
    margin: 0;
    color: #000;
    padding: 15px;
    font-size: 0.98em;
    background: #f2f2f2;
    width: 100%;
  }
  .container > .navbar-collapse .navbar-nav > li ul {
    padding: 10px 15px;
    width: 100%;
    border: 0;
    box-shadow: none;
  }
  .container > .navbar-collapse .navbar-nav > li ul li {
    padding: 0;
  }
  .container > .navbar-collapse .navbar-nav > li ul li a {
    display: block;
    padding: 10px 0;
  }
  .container > .navbar-collapse .navbar-nav > li a:hover {
    text-decoration: none;
  }
  .container > .navbar-collapse .navbar-nav > li:last-child {
    margin: 0;
  }
  .container > .navbar-collapse .navbar-nav.mystuff {
    float: none;
    width: 100%;
  }
  .container > .navbar-collapse .navbar-nav.mystuff.pad {
    padding: 15px;
  }
  .sign {
    padding: 15px 0;
  }
  .prelogin-nav {
    padding-bottom: 0;
  }
  .prelogin-nav .sign {
    border-bottom: solid 2px #d9d9d9;
    padding: 15px;
    font-size: 1.2em;
    background: #f2f2f2;
    display: block;
  }
  .prelogin-nav .sign a {
    color: #000;
    padding: 0;
  }
  .prelogin-nav .mystuff.pad {
    background: #f2f2f2;
  }
  .prelogin-nav .mystuff.pad .chLang {
    border: none;
  }
  .prelogin-nav .mystuff.pad .chLang .selectWrap {
    margin: 0;
  }
  #login .container > .navbar-collapse .navbar-nav.mystuff {
    margin-top: 0;
    border: none;
  }
  .inverseNav #globalNav {
    left: 0;
    margin-left: 0;
    width: 100%;
    /* .navbar-nav > li > a {
        color: $brand-primary;
    } */
    /* > .container {
      border-bottom: dashed 1px rgba(255,255,255,0.5);
      border-top: dashed 1px rgba(255,255,255,0.5);
    } */
  }
  .navbar-brand img {
    height: 34px;
    width: auto;
  }
  .navbar-brand img:first-child {
    width: 119px !important;
    height: auto;
  }

  /* master li for navbar */
  .navbar-nav > li {
    width: 100%;
  }
  .inverseNav .navbar,
  .navbar {
    margin-top: 0;
  }

  .navbar-brand {
    margin-left: 0;
  }

  .navbar-toggler {
    padding-right: 0;
  }

  #navbar > ul.nav.navbar-nav.mystuff.pad {
    display: none;
  }

  #mobile-nav {
    display: block !important;
    padding: 0 20px;
  }

  .container {
    padding-left: 0;
    padding-right: 0;
  }

  .mobile-bg {
    padding-bottom: 0;
  }

  #preHelpId {
    padding-left: 20px;
    padding-top: 4px;
  }

  #navbar {
    padding-left: 0;
    padding-right: 0;
    top: 6px !important;
    left: 0 !important;
  }

  #support_pg > ul {
    width: 100%;
    border: 0;
    box-shadow: none;
  }

  #support_pg > ul > li {
    text-transform: initial !important;
    padding-left: 10px;
  }

  #account_pg {
    margin-top: 0;
  }

  #dashboardWrapper > nav > div > div.mobile-nav-grouping > button {
    color: var(--ltp-blue);
  }

  .inverseNav #getaways_pg > a,
  .inverseNav #cruise_pg > a,
  .inverseNav #travel_pg > a,
  .inverseNav #benefits_pg > a,
  .inverseNav #offersExtras_pg > a,
  .inverseNav #navbar > ul.nav.navbar-nav.visible-xs.fw.col-md-2 > li > a,
  .inverseNav #account_pg > a,
  .inverseNav a#dropdownMenuHelpId,
  .inverseNav a#dropdownMenu2,
  .inverseNav a#dropdownMenu3{
    color: black ;
    text-shadow: none;
  }

}

/*--- logo ----  */
#defaultLogo {
  width: 45%;
}

/*--- create profile ----  */
#profile_btn {
  position: absolute;
  top: 10px;
  right: 100px;
  text-align: right;
  font-size: 15.4px;
}

/*--- help  ----  */

#preLoginHelp {
  display: none;
}

#preHelpId {
  font-size: 15.4px;
}

#helpLinkDesktop {
  position: absolute;
  top: 21px;
  right: 300px;
  text-align: right;
}

/*--- sign in ----  */
#prelogin_btnMobile {
  position: absolute;
  top: 13px;
  right: 227px;
  text-align: right;
  font-size: 15.4px;
}
/*--- language ----  */
#language {
  right: 85px;
}

#preLoginLang {
  top: 45px !important;
  right: 310px !important;
}

.navbar-brand {
  margin-left: 0;
}

#OneLinkNoTx {
  margin-top: -41px;
}

ul.submenu .list-group-item {
  padding-left: 20px;
}

.active .list-group-item {
  font-size: 18px;
  background-color: #fff;
  color: #666666;
  padding-left: 18px;
}

/*------------------------------------------------
--------------iPad Media Queries ----------------
--------------------------------------------------*/

@media screen and (min-width: 768px) and (max-width: 995px) {
  #language {
    right: -5px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .img-override {
    height: auto;
  }

  .icon-bed-padding,
  #paginatedBedroomSize,
  #bedroomSize,
  .no-pad-ipad {
    padding-left: 0;
  }

  #sleepCapacitySR2,
  #sleepCapacitySR {
    margin-left: -14px;
  }

  #kitchenSR2,
  #kitchenSR {
    margin-left: 24px;
  }

  /*--- create profile ----  */
  #profile_btn {
    position: absolute;
    top: 20px;
    right: 30px;
    text-align: right;
  }

  /*--- help  ----  */

  #preLoginHelp {
    display: none;
  }

  #helpLinkDesktop {
    position: absolute;
    top: 31px;
    right: 210px;
    text-align: right;
  }

  /*--- sign in ----  */
  #prelogin_btnMobile {
    position: absolute;
    top: 23px;
    right: 149px;
    text-align: right;
    width: auto !important;
  }
  /*--- language ----  */
  #language {
    right: -125px;
  }

  .rightRail.affix-top.myaccount {
    width: 21% !important;
  }

  body > nav {
    padding-top: 38px;
  }

  #navbar {
    padding: 0;
    width: 86% !important;
  }

  body > nav > div > div.mobile-nav-grouping.col-md-2 > button {
    display: none;
  }

  .inverseNav #account_pg {
    display: inline;
    position: absolute;
    top: -18px;
    right: -41px;
    font-size: 13px;
  }

  .inverseNav #help_pg {
    display: inline;
    position: absolute;
    top: -18px;
    right: 0;
    font-size: 13px;
  }

  body > nav > div > div.mobile-nav-grouping.col-md-2 {
    margin-left: -30px;
  }
}

@media screen and (min-width: 768px) {
  .thumbnail-corner-right-style {
    display: none !important;
  }

  #travel_pg {
    max-width: 84px;
    max-height: 38px;
  }
  #account-menu2,
  #account-menu3{
    position: absolute;
    top: 30px;
    left: -145px;
    width: 100px;
  }

  #travel_pg {
    max-height: 36px;
    max-width: 72px;
  }
}

@media screen and (min-width: 994px) {
  #travel_pg {
    max-width: 90px;
  }
}

@media screen and (min-width: 767px) and (max-width: 768px) {
  #help-menu {
    position: relative;
    left: -20px;
  }

  #travel_pg {
    max-width: 78px;
  }

  .navbar-nav-pl-override {
    font-size: 0.85em !important;
  }

  #dropdownMenuHelpId,
  #dropdownMenu2,
  #dropdownMenu3 {
    font-size: 0.95em !important;
  }
}

@media screen and (min-width: 993px) and (max-width: 1024px) {
  /*--- create profile ----  */
  #profile_btn {
    position: absolute;
    top: 10px;
    right: 30px;
    text-align: right;
  }

  /*--- help  ----  */

  #preLoginHelp {
    display: none;
  }

  #helpLinkDesktop {
    position: absolute;
    top: 21px;
    right: 220px;
    text-align: right;
  }

  /*--- sign in ----  */
  #prelogin_btnMobile {
    position: absolute;
    top: 13px;
    right: 149px;
    text-align: right;
  }
  /*--- language ----  */
  #language {
    right: 5px;
  }

  #navbar {
    position: relative;
    top: -40px;
    left: 45px;
  }

  .inverseNav #account_pg {
    display: inline;
    position: absolute;
    top: 0;
    right: -41px;
    font-size: 13px;
  }

  .inverseNav #help_pg {
    display: inline;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 13px;
  }

  #navbar > ul:nth-child(2) {
    right: 15%;
  }

  .inverseNav #getaways_pg > a,
  .inverseNav #cruise_pg > a,
  .inverseNav #travel_pg > a,
  .inverseNav #benefits_pg > a,
  .inverseNav #offersExtras_pg > a,
  .inverseNav #navbar > ul.nav.navbar-nav.visible-xs.fw.col-md-2 > li > a,
  .inverseNav #account_pg > a,
  .inverseNav a#dropdownMenuHelpId,
  .inverseNav a#dropdownMenu2,
  .inverseNav a#dropdownMenu3{
    color: var(--ltp-blue) !important;
  }
}

@media screen and (min-width: 481px) and (max-width: 994px) {
  #navbar {
    position: relative;
    top: -70px;
    left: 112px;
  }

  /* start fix inverse tablet */
  .inverseNav .mobile-bg {
    background: none;
  }
  .inverseNav .container {
    padding-top: 0;
  }

  .inverseNav #navbar {
    background-color: none;
  }

  #navbar > ul:nth-child(2) {
    right: 16%;
  }

  .inverseNav #heroContainer {
    margin-top: -230px !important;
  }

  /* LTP-1981 */
  .inverseNav #heroContainer.marginTablet {
      margin-top: 0px !important;
  }

  .inverseNav #getaways_pg > a,
  .inverseNav #cruise_pg > a,
  .inverseNav #travel_pg > a,
  .inverseNav #benefits_pg > a,
  .inverseNav #offersExtras_pg > a,
  .inverseNav #navbar > ul.nav.navbar-nav.visible-xs.fw.col-md-2 > li > a,
  .inverseNav #account_pg > a,
  .inverseNav a#dropdownMenuHelpId,
  .inverseNav a#dropdownMenu2,
  .inverseNav a#dropdownMenu3{
    color: var(--ltp-blue) !important;
    text-shadow: 1px 1px 14px rgba(0, 0, 0, 0.3);
    padding: 18px 1px;
  }

  /* end fix inverse tablet */
  #dashboardWrapper > nav > div > div.mobile-nav-grouping > button,
  #offersExtras > nav > div > div.mobile-nav-grouping > button {
    display: none;
  }

  .mobile-bg {
    border-bottom: none;
    padding: 15px;
    background: white;
    display: block;
  }

  .navbar-nav-pl-override {
    font-size: 0.95em;
  }

  #navbar {
    /* display: block !important;*/
    position: relative;
    top: -50px;
    left: 45px;
  }
  .navbar-nav {
    display: block;
  }
  .navbar-nav > li {
    float: left;
    padding: 25px 5px;
  }
}

@media screen and (max-width: 767px) {
  #account-menu {
    min-height: 215px;
  }

  #help-menu {
    min-height: 180px;
  }

  #travel-menu {
    min-height: 260px;
  }

  .container > .navbar-collapse {
    padding: 0;
    background-color: #fff;
   /* border-bottom: solid 1px #757575;
    border-top: solid 1px #757575;*/
  }
  .container > .navbar-collapse .navbar-nav {
    /* padding: 0 15px; */
    font-size: 1em;
  }
  .container > .navbar-collapse .navbar-nav > li {
    padding: 0;
  /*  border-bottom: solid 2px #d9d9d9; */
  }
  .container > .navbar-collapse .navbar-nav > li > a,
  .container > .navbar-collapse .navbar-nav > li > span{
    margin: 0;
    color: #000;
    padding: 15px;
    font-size: 0.98em;
    background: white; /* luis ltp-201 */
    width: 100%;
  }
  .container > .navbar-collapse .navbar-nav > li ul {
    padding: 10px 15px;
    width: 100%;
    border: 0;
    box-shadow: none;
  }
  .container > .navbar-collapse .navbar-nav > li ul li {
    padding: 0;
  }
  .container > .navbar-collapse .navbar-nav > li ul li a {
    display: block;
    padding: 10px 0;
  }
  .container > .navbar-collapse .navbar-nav > li a:hover {
    text-decoration: none;
  }
  .container > .navbar-collapse .navbar-nav > li:last-child {
    margin: 0;
  }
  .container > .navbar-collapse .navbar-nav.mystuff {
    /* font-size: 1.3em; */
    float: none;
    /* border-top: solid 1px $gray-light; */
    width: 100%;
  }
  .container > .navbar-collapse .navbar-nav.mystuff.pad {
    padding: 15px;
  }
  .sign {
    padding: 15px 0;
  }
  .prelogin-nav {
    padding-bottom: 0;
  }
  .prelogin-nav .sign {
    border-bottom: solid 2px #d9d9d9;
    padding: 15px;
    font-size: 1.2em;
    background: #f2f2f2;
    display: block;
  }
  .prelogin-nav .sign a {
    color: #000;
    padding: 0;
  }
  .prelogin-nav .mystuff.pad {
    background: #f2f2f2;
  }
  .prelogin-nav .mystuff.pad .chLang {
    border: none;
  }
  .prelogin-nav .mystuff.pad .chLang .selectWrap {
    margin: 0;
  }
  #login .container > .navbar-collapse .navbar-nav.mystuff {
    margin-top: 0;
    border: none;
  }
  .inverseNav #globalNav {
    left: 0;
    margin-left: 0;
    width: 100%;
    /* .navbar-nav > li > a {
        color: $brand-primary;
    } */
    /* > .container {
      border-bottom: dashed 1px rgba(255,255,255,0.5);
      border-top: dashed 1px rgba(255,255,255,0.5);
    } */
  }
  .navbar-brand img {
    height: 34px;
    width: auto;
  }
  .navbar-brand img:first-child {
    width: 92px;
    height: auto;
  }
}
/* new media query to fix ipad */
@media screen and (min-width: 481px) and (max-width: 767px) {
}

@media screen and (min-width: 481px) {
  #support_pg {
    display: none;
  }

  #hamburgerMenuPreLogin {
    display: none;
  }
  /*  #preLoginLang {
    top: 45px !important;
    right: 310px !important;
  }

 #preLoginHelp {
    top: 48px !important;
    right: 300px !important;
  }*/

  #mobileSignIn {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  a#signOutLink {
    margin-left: 0;
    text-transform: uppercase;
  }

  a#signOutLink:hover {
    width: 100%;
    text-decoration: none;
    color: #ffffff !important;
    background-color: #64a508 !important;
  }

  #navbar {
    display: block !important;
  }

  .inverseNav #help_pg,
  .inverseNav #account_pg {
    margin-top: 8px;
    margin-right: 12px;
  }
}

/* --------------------------------------
------ START MOBILE MEDIA QUERIES  ------
----------------------------------------*/

@media screen and (max-width: 767px) {
  .navbar {
    min-height: 72px;
  }

  #searchImgP,
  #searchImg {
    min-height: 145px;
  }

  .viewBar {
    margin-left: 25px;
  }

  .thumbnail-corner-right-style {
    display: inline-block;
    bottom: auto !important;
    margin-top: -98px;
    z-index: 0;
  }

  .pop-price {
    font-size: 18px !important;
  }

  #mobResTitle,
  #mobResTitle2 {
    padding-left: 12px;
  }

  #mobResTitle > .resort-title-spacing > .resortDetail,
  #mobResTitle2 > .resort-title-spacing > .resortDetail {
    font-size: 16px;
  }

  .kitchen-list {
    display: flex;
    align-items: center !important;
  }

  .viewBar .results {
    margin-left: -14px;
  }

  h5 {
    font-size: 1rem;
  }
  #language {
    top: 15px !important;
  }

  #helpDropdown,
  #signInLink {
    display: none;
  }

  #profile_btn {
    font-weight: normal !important;
  }

  #profileLink {
    display: none;
  }

  #preCreateProfileMobile {
    font-weight: normal !important;
  }

  .inverseNav a#dropdownMenuHelpId {
    color: var(--ltp-blue) ;
    padding: 15px;
  }
  #dashboardWrapper > nav > div > div.mobile-nav-grouping > button,
  #offersExtras > nav > div > div.mobile-nav-grouping > button {
    display: unset;
  }

  a#signOutLink {
    text-transform: uppercase;
    padding-left: 15px;
  }

  #preLoginLang {
    display: none !important;
  }
  #preHelpId {
    padding-top: 15px !important;
  }

  #navbar {
    background-color: #f2f2f2;
  }

  #prelogin_btnMobile {
    position: absolute;
    top: 7px;
    right: 12%;
    border-bottom: 0;
    font-size: 14px;
  }

  .navbar-brand {
    padding-left: 0;
  }

  .navbar-brand img:first-child {
    padding-left: 15px;
  }

  #langToggle > div {
    padding-bottom: 30px;
  }

  #heroContainer > div.videos {
    position: absolute;
    top: 0;
  }

  #preHelpId {
    font-weight: normal !important;
    display: block;
  }

  #preLoginLang {
    display: none !important;
  }

  #hamburgerMenu {
    margin-top: -5px;
    padding-bottom: 10px;
  }
  #hamburgerMenuPreLogin {
    padding-bottom: 5px;
  }
  /*workaround for navbar show conflict - ltp-370
  #navbar {
    display: none !important;
  }
  #prelogin > nav > div > div.collapse.show {
    display: block !important;
  } */

  .prelogin-nav .sign {
    border-bottom: solid 2px #d9d9d9;
    padding: 15px;
    font-size: 1.2em;
    background: #f2f2f2;
    display: block;
  }

  /* end workaround for navbar show conflict */

  #helpLinkDesktop {
    display: none;
  }

  #preLoginHelp {
    display: block;
  }

  #language {
    top: unset;
    right: unset;
  }
  #preCreateProfileMobile {
    top: unset !important;
    right: unset !important;
    display: block !important;
  }
  #profile_btn {
    position: unset;
    text-align: left;
  }
}

/*  begin search results */
#pricePerWeek,
#pricePerWeekP {
  margin-top: 17px;
}

.strong {
  font-weight: bold;
}

/* LTP-699 */
.pagecurl-container {
  width: 15px;
  height: 20px;
  position: absolute;
  bottom: -2px;
  right: -2px;
  margin-right: -1px;
  margin-bottom: -1px;
}



.pagecurl-element {
  position: absolute;
  bottom: 7px;
  right: 0px;
  width: 20px;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid grey;
  transform: rotateY(0deg) rotate(45deg);
  transition: transform 0s;
}

.pagecurl-cover {
  position: absolute;
  bottom: -17px;
  right: -24px;
  width: 20px;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid white;
  transform: rotateY(0deg) rotate(225deg);
  transition: transform 0s;
}

/*.white-line-cover{
  position: absolute;
  bottom: 17px;
  right: 0px;
  width: 20px;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right:10px solid grey;
  transform: rotateY(0deg) rotate(45deg);
  transition: transform 0s;
}
*/

.dropdown-item-bg-override {
  background-color: white;
}

.dropdown-item-bg-override:hover {
  background-color: white;
}

/* ------------ end bootstrap 5 ------------*/

/* ------------ Begin Leisure Loyalty ------------*/

.popover-header {
  border: 1px white solid;
}

.bs-popover-bottom .popover-arrow:after {
  padding-bottom: -6px;
}

/*-- ll resort details --*/

.ui-slider-range.ui-corner-all.ui-widget-header.ui-slider-range-min {
  background: var(--ltp-green) !important;
  height: 8px;
}

#slider-range-min,
#slider-range-min-Mob {
  background: #a1a1a1 !important;
  height: 8px;
}

.ui-slider-handle.ui-corner-all.ui-state-default {
  background: white !important;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 10px 0 rgba(0, 0, 0, 0.19);
}

.iconBckGrd1 {
  height: 45px;
  width: 45px;
  background: var(--ltp-green) !important;
  margin-top: 12px;
}

.iconBckGrd1 i {
  font-size: 20px;
  color: #fff;
  line-height: 46px;
  margin-left: -2px;
}

.ui-slider-handle.ui-corner-all.ui-state-default {
  border-radius: 45px;
  width: 24px;
  height: 24px;
  margin-top: -3px;
}

.alignLCl,
.alignRCl,
.numCl1,
.alignMLCl {
  font-size: 1em;
  margin-left: -3px;
  color: #9d9e9f;
}

.fix-slider-jump {
  max-height: 25px;
  margin-top: 10px;
}

.iconBckGrd1 {
  margin-top: 0 !important;
  border-radius: 50%;
}

.para1Cl {
  padding-left: 0;
  color: var(--ltp-orange) !important;
}

.pad-top {
  padding-top: 24px;
}

@media screen and (max-width: 1199px) {
  .price-move {
    padding-left: 45px;
  }
}

@media screen and (max-width: 991px) {
  .price-move {
    padding-left: 20px;
  }
}

@media screen and (min-width: 480px) {
  .mobile-slider {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  .handshake-icon {
    padding-top: 13px;
  }
}

@media only screen and (max-width: 768px) and (min-width: 481px) {
  .roomType-override {
    font-size: 15px !important;
  }
}

.break-works {
  display: initial !important;
}

.handshake-icon {
  width: 40px;
  margin-left: -8px;
}

.per-week-wrapper {
  width: 400px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

/* -------------- */
/* ---homepage--- */
/* -------------- */

#heroContainer .container-fluid.dash.dashTop.getaways-enabled {
  max-width: 1300px;
  position: absolute;
  top: 330px;
  padding-right: 25px;
}

.dashboard-promo-wrapper {
  animation: fadeInAnimation ease 2s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  width: 650px;
  padding: 2%;
  top: 125px;
  padding-left: 0;
  margin-left: 0;
  z-index: 3;
}
@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

#getawayForm,
.getaways-enabled .headlineCopy {
  margin-top: 0 !important;
}

@media (min-width: 768px) and (max-width: 991px) {
  #getawayForm {
    margin-top: -80px;
    padding-bottom: 20%;
  }
}

.tabs-hero-override {
  min-width: 92%;
}

.dash #tabs-hero {
  width: 100%;
}

.headlineCopy h1,
.headlineCopy h2 {
  color: rgb(0, 0, 0);
  text-shadow: rgba(255, 255, 255, 0.8) 0px 0px 8px;
}
.headlineCopy h2 {
  font-weight: 400;
}

div.headlineCopy.clearfix.three-line {
  position: absolute;
  top: 180px;
}

.ll-icon-holder {
  background-color: var(--ltp-green);
  padding: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  padding-top: 15px;
  width: 70px;
}

.ll-icon-tag {
  color: white;
  font-size: 32px;
}

.ll-text-holder {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: white;
  padding: 10px;
  width: 322px;
}
/*
.ll-promo-shadow {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
} */

.headlineCopy h3 {
  color: black !important;
  text-shadow: rgba(255, 255, 255, 0.8) 0px 0px 8px;
  font-weight: normal;
}
/* ------------------- */
/* ---media queries--- */
/* ------------------- */
@media screen and (max-width: 1450px) {
  .top10 {
    padding-top: 340px;
  }
}

.ll-hero-image {
  height: 100%;
  width: 100%;
  background-size: cover;
  min-height: 500px;
  max-height: 500px;
  background-repeat: no-repeat;
}

.homepage-hero {
  padding-top: 120px;
  min-height: 500px;
  padding-right: 0;
  padding-left: 0;
  width:100%;
}

.search-bar {
  margin-top: -390px !important;
}

.round-edges {
  overflow: hidden;
}

#fallbackImage {
  height: 100%;
  width: auto;
  background-size: cover;
  min-height: 500px;
}

@media screen and (max-width: 994px) {
  .homepage-hero {
    padding-top: 220px;
  }

  div.headlineCopy.clearfix.three-line {
    top: 290px;
  }

  .dash #tabs-hero {
    top: -90px;
  }

  .ll-text-holder {
    width: 293px;
  }

  #getawayForm {
    margin-top: -100px;
  }
}

@media screen and (max-width: 767px) {
  .dashboard-promo-wrapper {
    top: 200px;
  }
}

@media screen and (max-width: 768px) {
  .ll-promo-shadow {
    box-shadow: none;
  }

  .ll-hero-image {
    max-height: 600px;
    height: 600px;
  }

  #getawayForm {
    margin-top: -100px;
  }

  #account_pg {
    margin-top: 8px;
    margin-right: 12px;
    display: inline;
    position: absolute;
    top: -18px;
    right: -41px;
    font-size: 13px;
  }
}

@media screen and (max-width: 480px) {
  .ll-text-holder {
    width: 240px;
    padding-left:14px;
}

  .ll-hero-image {
    max-width: 500px;
    max-height: 500px;
    height: 500px;
  }

  .search-bar {
    margin-top: -460px !important;
  }

  .ll-promo-shadow {
    box-shadow: none;
  }
  .homepage-hero {
    padding-top: 125px;
  }

  .ll-icon-holder {
    padding-top: 35px;
  }


  .round-edges {
    border-radius: 10px;
  }

  div.headlineCopy.clearfix.three-line {
    width: 100%;
    padding-left: 0;
  }

  .dash #tabs-hero {
    top: -290px;
  }

  .dashboard-promo-wrapper {
    top: 350px;
    max-width: 91%;
  }
  #getawayForm {
    margin-top: 0 !important;
  }
}

@media screen and (min-width: 1355px) {
  .ll-promo-shadow {
    width: 393px;
  }
}

@media screen and (min-width: 832px) and (max-width: 993px) {
  .ll-promo-shadow {
    width: 363px;
  }
}

@media screen and (min-width: 994px) and (max-width: 1006px) {
  .ll-promo-shadow {
    width: 392px;
  }
}

/* ltp-744 */
.ll-menu-icon {
  width: 20px;
  height: 20px;
  margin-top: -2px;
}

#dropdownMenu2,
#dropdownMenu3{
  border-style: none !important;
}

.ll-nav-wrapper {
  color: rgba(0, 87, 139, 0.3);
  padding: 3px;
  padding-left: 7px;
  border-style: solid !important;
  border-width: 1px !important;
  border-radius: 21px !important;
  margin-top:-12px;
}

.ll-help-alignment {
  padding-left: 10px;
}

.navbar-nav-pl-override {
  font-weight: normal;
}

/*.custom-my-dest-p-style-1, .custom-my-dest-span-style-1, .custom-my-dest-p-style-1{
  color:var(--ltp-green);
}*/

/*------------------------- */
/* Master mobile phone media query */
/*------------------------- */

 .expanded {
    background-color: var(--ltp-green) ;
    color: white !important;
  }


@media screen and (max-width: 480px) {
  .ll-menu-icon {
    margin-top: -12px;
  }

  .ll-icon-holder {
    padding-top: 17px;
  }


  .mainmenu-sub{
     height:100% !important;
  }
}

/*------------------------- */
/* Master tablet media query */
/*------------------------- */

@media screen and (min-width: 481px) and (max-width: 1024px) {
  .ll-nav-wrapper {
    width: 50px;
    position: absolute;
    right: 21px;
  }

  #account-menu2,
  #account-menu3{
    left: -180px;
    top: 30px;
    border-top:0;
  }


}

@media screen and (min-width: 994px) {
  .inverseNav #help_pg,
  .inverseNav #account_pg {
    margin-top: -1px;
  }
}
@media screen and (min-width: 768px) and (max-width: 993px) {
  .ll-nav-wrapper{
    width:50px;
    position:absolute;
    right:51px;
    top: -13px;
  }

  #account-menu{
    left: -240px;
    top: 20px;
  }

  #navbar > ul:nth-child(2) {
    top: -55px;
  }

  .inverseNav #account-menu2,
  #account-menu2,
  .inverseNav #account-menu3,
  #account-menu3{
        top: 53px !important;
      }

      a#dropdownMenu2,
      a#dropdownMenu3{
        margin-left: -2px !important;

      }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  #navbar > ul:nth-child(3) {
    top: 2px;
  }
}

#dropdownMenu2,
a#dropdownMenu2:hover,
#dropdownMenu3,
a#dropdownMenu3:hover{
  padding: 0 !important;
}



@media screen and (min-width: 961px) {
  .custom-my-dest-style {
    max-height: 100px !important;
    }
  .adjMarginBtm4 {
    margin-bottom: unset !important;
  }

  .ll-account-profile {
    position: absolute;
    top: 30px;
    right: 10px;
    z-index: 1000;
  }

  .ll-mobile-account-profile {
  display: none;
  }

}



#navbar {
  margin-left: -54px;
}

 #ll-desktop-nav {
    justify-content: center!important;
    display:flex;
    margin-top:-10px;
  }


@media screen and (max-width: 1024px) {
  .ll-account-profile {
    display: none;
    }
  .ll-mobile-account-profile {
    display:block;
    position: absolute;
    top: 30px;
    right: 10px;
    z-index: 1000;
  }
}

.ll-mobile-menu-icon{
  height:24px;
  margin-top:-18px;
}
/* when time permits, go back and remove the html for this. Workaround used due to other developers concurrently working on other tasks in that section for MVP. */
#dashboardWrapper > nav > div > div.mobile-nav-grouping > button{
  display:none;
}

#preLoginLang{
  position: absolute;
  top: 45px;
}

.heroContainer-override{
  margin-left:0;
}

@media screen and (max-width: 767px){
  .ll-hero-image {
      margin-top: 18px !important;
  }
}

#ll-pin-icon{
  width:43px;
  padding-top:18px !important;
}

.ll-spacing-price{
  padding-top: 8px !important;
}

@media screen and (max-width: 480px){
  .btn-ll-white {
    min-width: 100px;
    margin-top: 10px;
    margin-left: -16px;
    }

    .ll-mobile-account-profile {
             top: 20px;
    }


}




#heroCityList, #dp1454960643546{
  border: 0;
  border-radius: 0 !important;
}

#heroCityList{
  border-right: solid 1px rgb(201, 201, 201);
}

@media screen and (max-width: 991px){
  #heroCityList{
    border-bottom: solid 1px rgb(201, 201, 201);
    border-right: none;
  }
}

#ll-search-wrapper{
    padding-left: 5px;
    padding-right: 5px;
  background-color: rgba(0,0,0,0.2);
    padding-top: 5px;
    border-radius: 8px !important;
  margin-top:16px;
  position: absolute;
  top: 210px;
  width: 80%;
}

.ll-hp-promo {
  position: absolute;
  top: 140px;
  right: -755px;
}
@media screen and (min-width: 1600px){
  .ll-hp-promo {
    position: absolute;
    right: -690px;
  }
}
@media screen and (min-width: 1023px) and (max-width: 1025px){
  #ll-search-button{
    font-size:16px;
    min-height:60px;
  }
}

@media screen and (max-width: 1399px){
  .ll-hp-promo {
    position: absolute;
    right: -595px;
  }
}

@media screen and (max-width: 1199px){
  .ll-hp-promo {
    position: absolute;
    right: -435px;
  }
}

@media screen and (max-width: 994px){
  .ll-hp-promo {
    position: absolute;
    top: 70px;
    right: -245px;
  }
}


@media screen and (max-width: 991px){
  #ll-search-wrapper{
    position: absolute;
    top: 168px;
    width: 80%;
  }
}

@media screen and (max-width: 480px){
  #ll-search-wrapper{
    position: absolute;
    top: 208px;
    width: 80%;
  }

  div.headlineCopy.clearfix.three-line {
    top: 190px !important;
}

  .ll-hp-promo {
    position: absolute;
    top: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    right:0;
  }

  .top10-ll {
    padding-top: 225px;
  }

}


#heroCityList #heroCity, #dp1454960643546 {
font-size:18px !important;
padding-left:40px !important;
min-height: 60px;
}

#ll-search-button{
  opacity: 1;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.ll-icon-holder{
  padding:0;
  padding-top:0 !important;
}

.margin-left-mobile {
  margin-left: 0;
}




#heroCityList, #dp1454960643546{
  border: 0;
  border-radius: 0 !important;
}

#heroCityList{
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
  border-right: solid 1px rgb(201, 201, 201);
}

@media screen and (max-width: 991px){
  #heroCityList{
    border-bottom: solid 1px rgb(201, 201, 201);
    border-right: none;
  }
}

.ll-hp-promo {
  position: absolute;
  top: 120px;
  right: -785px;
}

.ll-button-formatting{
  float:right;
}

@media screen and (min-width: 1600px){
  .ll-hp-promo {
    position: absolute;
    right: -725px;
  }


}
@media screen and (min-width: 1023px) and (max-width: 1025px){
  #ll-search-button{
    font-size:16px;
    min-height:60px;
  }
}

@media screen and (max-width: 1399px){
  .ll-hp-promo {
    position: absolute;
    right: -595px;
  }
}

@media screen and (max-width: 1199px){
  .ll-hp-promo {
    position: absolute;
    right: -435px;
  }
}

@media screen and (max-width: 994px){
  .ll-hp-promo {
    position: absolute;
    top: 30px;
    right: -295px;
  }
}


@media screen and (max-width: 991px){
  #ll-search-wrapper{
    position: absolute;
    top: 168px;
    width: 85%;
  }
}

@media screen and (max-width: 480px){

  .ll-button-formatting-mobile{
    text-align:center;
  }

  #ll-search-wrapper{
    position: absolute;
    top: 313px;
    width: 90%;
    left: 20px;
    padding-bottom: 5px;
  }

  div.headlineCopy.clearfix.three-line {
    top: 225px !important;
}

  .ll-hp-promo {
    position: absolute;
    top: 570px;
    display: flex;
    align-items: center;
    justify-content: center;
    right:0;
  }

  .top10-ll {
    padding-top: 480px !important;
  }
}

#heroCityList #heroCity, #dp1454960643546 {
font-size:18px !important;
padding-left:40px !important;
min-height: 60px;
}

#ll-search-button{
  opacity: 1;
}

.ll-icon-holder{
  padding:0;
  padding-top:0 !important;
}

.ll-search-no-promo-wrapper{
  top: 560px !important;
}

#ll-search-button{
  min-height:60px;
}

.ll-promo-shadow {
  max-width: 363px;
  border-radius: 10px;
}

.ll-icon-holder{
  margin-left: -16px;
}
.ll-text-holder {
  width: 308px;
}

.top10 {
  padding-top: 25px;
}

.pillsHere-override {
  margin-left:0;
  margin-top:-50px;
}

@media screen and (min-width: 1200px) and (max-width: 1449px){
  .top10 {
    padding-top: 395px;
  }
}

@media screen and (min-width: 768px) and (max-width:993px){
  .top10 {
    padding-top: 112px !important;
  }
}

@media screen and (min-width: 481px) and (max-width:767px){
  .top10 {
    padding-top: 130px !important;
  }
}




@media screen and (min-width: 992px) and (max-width: 994px){
  .ll-search-no-promo-wrapper{
    top: 656px !important;
  }
}

@media screen and (max-width: 991px){
  .ll-search-no-promo-wrapper{
    top: 728px !important;
  }
}

@media screen and (max-width: 831px){

  .ll-promo-shadow {
    max-width: 364px;
  }

}

@media screen and (max-width: 768px){

  .ll-mobile-menu-icon {
    margin-top: -23px;
  }

  .ll-search-no-promo-wrapper{
    top: 766px !important;
  }


  .ll-promo-shadow {
    max-width: 360px;
  }

  .ll-text-holder {
    width: 268px;
}
}


@media screen and (max-width: 767px){

  #ll-search-button{
    margin-top: -4px !important;
  }
}

@media screen and (min-width: 481px) and (max-width: 767px){

  .ll-hp-promo {

    right: -145px !important;
  }
}



@media screen and (max-width: 480px){
  .ll-mobile-menu-icon {
    margin-top: 0;
  }

  .ui-datepicker-trigger img{
    margin-top: 4px;
  }

  .pillsHere-override {
    top: -50px;
}

  .ll-search-no-promo-wrapper{
    top: 308px !important;
  }

  .ll-promo-shadow {
    max-width: 295px;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding-top: 0 !important;
  }

  .top10 {
    padding-top: 370px !important;
  }

  .ll-member-promo-formatting{
    padding-top: 480px !important;
  }

  .ll-icon-holder{
    margin-left: -16px;
  }

  .ll-text-holder {
    width: 208px;
}

}

#sliderCopy > div > div.row.adjModTPad.adjMargLR.d-block.d-sm-none.adjMargBtm > div > a{
  margin-left:1px;
}

.ll-apply-spacing{
  padding-bottom:60px;
}

.ll-price-move{
  margin-top:12px;
}

.adjColRPad {
  padding-right: 12%;
}

.ll-modal-icon{
  width:40px;
}

#ll-cal-icon{
  position: absolute;
    top: 18px;
    left: 12px;
}


@media screen  and (min-width: 481px) and (max-width: 767px){
  .ll-mobile-menu-icon {
    margin-top: -5px;
}
}

/* design tweaks for dropdown */

#account-menu2,
#account-menu3{
  left:unset;
  right:0;
  top: 35px;
  width:40% !important;
}

#idmenuc2, #dropdownMenuGetawaysId, #dropdownMenuHotel, #ipad-help-link{
  font-family: OpenSans-Regular, "Open Sans", sans-serif;
  font-size: 14px !important;
  color:var(--ltp-blue);
}

.dropdown-item > hr{
  opacity: 0.1;
  margin:0;
}

.dropdown-item-override{
  color:var(--ltp-blue);
}

.ll-account-profile{
  margin-top:-10px;
}

#account-menu2,
#account-menu3 {
border:0;
}

#signOutLink2{
  margin-bottom: 7px;
  padding-left: 15px;
}

#ll-ipad-nav-signout{
  padding-top: 20px;
}
@media screen and (max-width: 768px){



  .dropdown-item-override{
    color:var(--ltp-blue);
  }
  #ipadhelp > .dropdown-item-bg-override > a{
    margin-left:10px !important;
    font-size: 14px !important;

  }

  #signOutLink{
    margin-top:-20px;
  }

  .inverseNav a#dropdownMenuHelpId {
    color:var(--ltp-blue);
}

.inverseNav a#dropdownMenu2:hover,
.inverseNav a#dropdownMenu3:hover,
.inverseNav a#dropdownMenuHelpId:hover {
  color:var(--ltp-blue);
}
#ipadaccount > .dropdown-item > a, #ipad-help-link > .dropdown-item > a{
  margin-left:10px !important;
  font-size: 14px !important;
}
}

@media screen and (max-width: 480px){
  .dropdown-item-bg-override{
    margin-bottom:0 !important;
  }

  .container > .navbar-collapse .navbar-nav.mystuff {
    background-color:white;
}

  .dropdown-toggle{
    background-color: white;
  }
  .dropdown-item > hr{
    margin:0;
    opacity: 0.1;
  }

  .mobile-nav-grouping {
    margin-top: 20px !important;
  }

  #idmenuc2, #dropdownMenuHelpId{
  color: var(--ltp-blue) ;
  font-family: OpenSans-Regular, "Open Sans", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  width:105%;
  }

  #account-menu > .dropdown-item > a, #help-menu > .dropdown-item > a{
    margin-left:10px !important;
    font-size: 14px !important;
  }

  #dropdownMenuGetawaysId{
    padding-top: 25px;
  }

  .expanded {
    background-color: var(--ltp-green) !important;
    color: white !important;  }

.collapsed {
  background-color: white !important;
  color: var(--ltp-blue) !important;
}



.ll-hero-image {
  margin-top: 0 !important;
}

}
.ll-nav-wrapper > .expanded {
  background-color: unset;
}

@media screen and (min-width: 992px){
  .expanded {
    color: var(--ltp-blue) !important; }
}

@media screen and (min-width: 992px) and (max-width: 994px){
  #cruise_pg, #dropdownMenuGetawaysId {
    margin-top: -10px;
  }

  .ll-nav-wrapper{
    margin-top: 4px;
  }
}

@media screen and (min-width: 992px) and (max-width: 993px){
    .ll-nav-wrapper{
      margin-top: 14px;
    }
}
@media screen and (min-width: 994px) and (max-width: 1024px){
  .ll-nav-wrapper{
    margin-top: -4px;
  }
}

@media screen and (max-width: 480px){
      #navbar {
        margin-top: 14px;
        margin-left: -12px;
      }
}


  @media screen and (min-width: 992px){
    .expanded {
      background-color: white !important;
      color: var(--ltp-blue) !important;  }
  }

  /*.triggerClickCL{
    float: left;
  }

  .planetFitnessLogo{
    padding-left:5px;
    width:100px !important;
  }
*/


  #signOutLink3{
    margin-top:-10px;
  }

  #signOutLink2:hover, #signOutLink3:hover,
  #signOutLink2:focus, #signOutLink3:focus {
  width: 100%;
  text-decoration: none;
  color: #ffffff !important;
  background-color: #64a508;
}

#defaultLogo{
  position: absolute;
    width: 120px;
    left: 200px;
    top: 10px;
}

@media screen and (min-width: 768px) and (max-width: 994px){
  #defaultLogo{
    width: 15%;
    left: 20px;
  }
}
@media screen and (max-width: 600px){
  #defaultLogo{
    width: 20%;
    left: 20px;
  }
}

#Logo2Cl{
  position: absolute;
  height: 45px;
  width: auto !important;
  top: 6px;
  left: 180px;
}

#signInBtn {
    margin: 15px 0 0;
    background: rgba(255,255,255,0.5);
    color: #000;
    border: solid 3px #000;
    border-radius: 25px;
    padding: 6px 15px;
}

#signInBtn:hover {
	background: #d97a08;
}


/* cobrand logo stuff */
#defaultLogo2{
  height: 40px;
  width: auto !important;
  position: absolute;
  top: 10px;
  left: 344px;
}

@media screen and (max-width: 479px){
  #defaultLogo2{
    top: 8px;
  }
}

  /* iOS specific input field formatting */
/* clears the ‘X’ from Internet Explorer */
input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }
/* clears the ‘X’ from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

#ll-close-button-ui{
width:100%;
}

.clear_input{
  float: right;
   margin-top: -45px;
   padding-right:16px;
}

#ll-close-icon{
  height: 12px;
  width: 12px;
  opacity: .4;
}
.prelogin-footer {
    width: 100%;
    bottom: 0;
    height: 100%;
}



.footer-link, .travel-acc-text,.partners-logos,.copyright-text{
  text-align: left;
}

/* footer .partners li a {
} */

.priv-pol-link{
  text-align: left;
}

.copyright-container {
    border-top: 1px solid #fff;
    clear: both;
}

.copyright-text, .copyright-text:visited, .copyright-text:active{
    color: #fff;
  font-size: 16px;
}
.travel-acc-text{
  display: block;
}

.main-footer-container{
  padding-top: 50px;
  padding-bottom: 40px;
}

div.footer-link > a, div.footer-link > a:visited, div.footer-link > a:active{
  color:#FFFFFF;
  font-size: 14px;
  font-weight: 400;
}

div.footer-link > a:hover{
  text-decoration: underline;
}

footer .partners li {
  display: inline-block;
  width: 24%;
}

.travel-acc-text{
  display: inline-block;
  width:100%;
}

/* start mobile */

@media screen and (max-width: 768px){



  .copyright-text{
    order:2;
    padding-top: 0;
  }

  }

  @media screen and (max-width: 480px){

      .priv-pol-link{
        text-align: center;
      }
    }




  @media screen and (min-width: 992px){
    .copyright-text{
      padding-top: 23px;
    }
  }
  @media screen and (max-width: 991px){


    .copyright-text{
      order:2;
      padding-top:10px;
      padding-bottom:10px;
    }

  }

  @media screen and (max-width: 1024px){
  .footer-link {
      padding-top: 0;
      padding-bottom: 10px;
  }

  }

  @media screen and (min-width: 1025px){
      .footer-link {
        padding-top:10px;
      }
      .priv-pol-link{
        padding-top:0;
      }
    }

  @media screen and (min-width: 768px) and (max-width: 1024px){

    .prelogin-footer{
      height: 100%;
    }
    }

    @media screen and (max-width: 767px){

      .prelogin-footer{
        height: 100%;
      }
    }


  @media screen and (min-width: 379px)  and (max-width: 408px){
    #secondary-logo-footer {
      padding-left: 5px;
  }

  }

    @media screen and (max-width: 378px){
    #secondary-logo-footer {
      float:right;
      padding-top:10px;
      padding-bottom:10px;
      padding-left:5px;
      height: 60px;
    width: auto;

  }
  }

  @media screen and (max-width: 342px){
      #secondary-logo-footer {
        float:unset; /* needed, ignore warning */
        padding-left:0;
        height: 70px;
        width: auto;
        display: inline-block;
        text-align: center;
    }

  }

  .ll-prelogin-image{
    min-height: 71vh !important;
  }

  @media screen and (max-width: 768px){
   .ll-prelogin-image{
    min-height: 619px;
   }
  }

  @media screen and (max-width: 480px){
    .ll-prelogin-image{
      min-height:749px;
     }
    }

@media screen and (max-width: 768px){
    #defaultLogo2 {
        left:150px;
    }
}



@media screen and (max-width: 480px){
    #defaultLogo {
        left:5px;
    }

    #defaultLogo2 {
        left:150px;
    }
}

#dropdownMenuHotel, #dropdownMenuGetawaysId{
  font-size:15px !important;
}

#login .pageTop > .row {
  display: flex;
  vertical-align: middle;
  padding-top: 20%;
}

.consent-title{
  color: #000 !important;
  font-weight: bold !important;
  font-size: 24px !important;
}

.consent-subtitle{
  color: #000 !important;
  font-size: 18px !important;
}

.consent-main{
  border:#e7e7e7 solid 1px;
  border-bottom:0;
  padding:12px;
  margin-top:4px;
  width:100%;
}

.consent-buttons, .consent-buttons-2{
  background-color: #e7e7e7;
  min-height:50px;
  width:100%;
  border:#e7e7e7 solid 1px;
  border-top:0;
}

.consent-buttons-align{
  display:flex;
  justify-content: center;
  align-items: center;
}

.consent-buttons-2-align{
  display:flex;
  align-items: center;
  justify-content: center;
}


.consent-main-2{
  margin-top:8px !important;
  border:#e7e7e7 solid 1px;
  border-bottom:0;
  padding:12px;
  margin-top:4px;
  width:100%;
}

.consent-main-2-info{
  border:#e7e7e7 solid 1px;
  border-top:0;
  padding:12px;


}

.consent-round-icon{
  background-color: white;
  border: 1px solid #dddddd;
  border-radius: 10px;
  padding: 5px;
  margin-left: -12px;
}

.consent-round-icon-provided{
  background-color: var(--ltp-green);
  border: 1px solid #dddddd;
  border-radius: 10px;
  padding: 5px;
  margin-left: -12px;
}

.pending-consent{
  font-size:14px !important;
  padding-left:10px;
}

.consent-row{
  min-height:50px !important;
}

#consent-title-2{
  color: #FFF !important;
  font-size: 24px !important;
  margin:15px;
}

.consent-buttons-3{
  min-height:50px;
  width:100%;

}

.modal-header-orange {
  background: var(--ltp-orange);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.warning-icon{
  padding-right:5px;
  padding-bottom:5px;
}

.btn-ok{
  min-width:120px;
}

#consentModal2{
z-index:1101;
}

@media screen and (max-width: 480px){
  .dont-give-consent{
    display:flex;
    order:2;
    padding-bottom:10px;
  }

  .give-consent{
    padding-top:10px;
    display:flex;
    order:1;
    padding-bottom:10px;
  }

  .consent-round-icon, .consent-round-icon-provided{
    margin-top:10px;
    margin-left: 12px;
  }

  .give-consent-provided{
    order:3;
    padding-bottom:10px;
  }
}

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

  #consentModal > div > div > div.modal-body > div.consent-container.ll-container > div.consent-buttons > div.container.consent-provided-container > div > div.col-sm.consent-buttons-align.dont-give-consent,
  #consentModal > div > div > div.modal-body > div.gdpr-container > div.consent-buttons-2 > div.container.pending-consent-container > div > div.col-sm.consent-buttons-2-align,
  #consentModal > div > div > div.modal-body > div.gdpr-container > div.consent-buttons-2 > div.container.consent-provided-container > div > div.col-sm.consent-buttons-align.dont-give-consent{
    display:flex;
    align-items: center;
    justify-content: unset;
    padding-left:20px;

  }

  #consentModal > div > div > div.modal-body > div.consent-container.ll-container > div.consent-buttons > div.container.consent-provided-container > div > div.col-sm.consent-buttons-align.give-consent-provided,
  #consentModal > div > div > div.modal-body > div.gdpr-container > div.consent-buttons-2 > div.container.pending-consent-container > div > div.col-sm.consent-buttons-align,
  #consentModal > div > div > div.modal-body > div.gdpr-container > div.consent-buttons-2 > div.container.consent-provided-container > div > div.col-sm.consent-buttons-align.give-consent-provided{
    display:flex;
    align-items: center;
    justify-content: unset;
    margin-left:-280px;
  }
}



.panel-heading .btn:hover {
  background-color: #f2f2f2 !important;

}

.panel-heading .btn.active:hover {
  background-color: white !important;

}

.panel-heading .btn.active {
  background-color: white !important;

}

.clearTabs a {

  display: block;

}

.clearTabs a:hover{
   background-color: #f2f2f2 !important;
}


.card {
border-radius:0 !important;
}

.row-override {
  padding-left: 12px;
  padding-right: 12px;

}


@media screen and (min-width: 900px) and (max-width: 976px){
  .container-pad-override{
    max-width: 976px !important;
    }

}

@media screen and (max-width: 768px){
.container-pad-override{
max-width: 768px !important;
}
}

.adjTop30 {
  top: unset !important;
}

.custom-my-dest-sub-style-1{
  min-height: 100%;
  margin-bottom: 0 !important;
  max-height: 99px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 50px;
}

.custom-my-dest-sub-style-1 i {
  left:unset !important;
}

.custom-my-dest-style {
  max-height: 100px !important;
  }

.promospots div.border.promo, .promospots .row > div .border.promo2{
    background-size:cover !important;
    background-repeat: no-repeat !important;
}

footer{
    z-index: 10;
    position: relative;
}

.otnotice-menu{
    z-index: 1;
}

#onetrust-banner-sdk.otFloatingFlat {
    width: 78% !important;
}

@media screen and (min-width: 768px) and (max-width: 1024px){
.otnotice-sections {
    margin-left: 260px;
    margin-right: 0px;
}

.otnotice-menu {
  margin-left: -25px;
  width: 290px;
}
}

.numMCl1 {
color: #9d9e9f;
}

#c1 > div.row.d-none.d-sm-block > div > div > div.col-5.pt-lg-2 > div:nth-child(3) > div,
#sliderCopy > div > div.row.adjRowMarg > div:nth-child(3) > div.row.d-none.d-sm-block > div:nth-child(3){
    margin-top: 15px;
}

.numMCl1{
    font-size:1em;
}
#sliderCopy > div > div.row.adjRowMarg > div:nth-child(3) > div.row.d-block.d-sm-none > div > div:nth-child(1){
    margin-top: 20px;
    margin-bottom: -12px;
}
/********************************************************
* LEGACY TEAM OVERRIDES
********************************************************/
body.hide-side-menu > div.authUserTemplateDiv > div > div.col-sm-3.affixParent.d-none.d-sm-block {
	display:none !important;
}

/********************************************************
* Profile Credit
********************************************************/
.modal-title-override {
    text-transform: capitalize !important;
}

.lg-pl{
        padding-left: 3% !important;
}

.btn-prof-override {
    font-size: 14px !important;

}

.pl-1 {
    padding-right: 5px !important;
}

.row-accent {
    border: 1px solid #DDD;
    border-radius: 5px;
}

@media (min-width: 360px) and (max-width: 480px) {
    .collapsed-override {
        background-color: transparent !important;
    }

    .agreementLabel {
        padding-top: 0px;
    }

    .lg-pl{
            padding-left: 0% !important;
    }

    .tar-override {
        float: none !important;
        text-align: center !important;
    }

    #profileCont .profileCont li.ccHeight span {
        vertical-align: top;
    }

    .addCC, .deleteCC {
        width: 90%;
        font-size: 18px !important;
    }

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1366px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1) {

    .iPad-top {
        padding-top: 16px !important;
        text-align: center;
    }

    .lg-pl {
            padding-left: 0% !important;
    }

    .tar-override {
        float: none !important;
    }
}
@media screen and (min-width: 1367px) {
    .adjMarginBtm4Adj {
        margin-bottom: 2.0% !important;
    }
}

@media screen and (min-width: 1367px) {
    .adjPadBtmCustPer1{
        padding-bottom: 0px;
    }
}

@media screen and (min-width: 1367px) {
    .adjMarginBtm4Adj1 {
        margin-bottom: 2.75%;
    }

    .adjPadBtm5Per {
        padding-bottom: 5.5% !important;
    }
}

/***Inventory Styles***/

#searchResults .backgroundContainer:nth-child(odd){
    background-color: #F2F2F2;
}

#searchResults .listView{
    overflow-y: auto;
    overflow-x: hidden;
}

#initInstrBar{
    display:none;
}

/*Exact Match*/
#exactMatchBgContainer{
    background-color: #F2F2F2;
}

.exactMatchContainer{
    padding-bottom: 85px;
}

.exactMatchContainer .searchResultsListAddCore{
    box-shadow: 0px 3px 6px #00000029;
}

.headExactContainer{
    height: 84px;
}

.headExactContainer .destinationContainer{
    margin-bottom: 0px;
    padding-left: 15px;
}

.headExactContainer .destinationTitleContainer{
    margin-bottom: 4px;
    font-size: 22px;
}

.headExactContainer .averagePriceContainer{
    padding-right: 39px;
}

.headExactContainer .bookButtonContainer{
    padding-right: 15px;
}

.headExactContainer .bookButtonContainer .btn{
    width: 103px;
    height: 36px;
    text-transform: none;
}

.imageSearchContainer figure img{
    min-height: 100%;
    min-width: 100%;
    height: 100%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.figCaptionsContainer{
    margin: 0 0 18px 10px;
}

.figCaptionsContainer ul.ratings>li{
    margin: 0 0 0 8px;
    display: flex;
    align-items: center;
}

.resortBucketsContainer{
    margin-left: 23.5px;
    margin-right: 9.5px;
    border-top: 1px solid #DDD;
}

.resortBucketsContainer .inventoryContainer{
    height: 72px;
}

.resortBucketsContainer .sleepCapacitySR {
    margin-top: 4px;
}

.resortBucketsContainer .sleepCapacitySR .iconSleeps {
    margin-right: 11px;
}

.resortBucketsContainer .kitchenContainer {
    margin-left: 10px;
    width: 0%;
}

.resortBucketsContainer .refundableLabelExactD {
    color: #333;
    font-family: "Helvetica Neue", Helvetica;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 11px */
    text-transform: capitalize;
    text-align: center;
    font-size: 14px;
    width:23%;
}

.resortBucketsContainer .kitchenContainer .kitchenDescription {
    margin-left: 6px;
}

.resortBucketsContainer .pricePerWeek{
    width: 93px;
    margin-right: 39px;
}

.resortBucketsContainer .loyaltyPointsContainer{
    width: 103px;
    margin-right: 5px;
}

.alternateExactMatchContainer .loyaltyPointsContainer .lpPoints,
.carouselB5CardsDestinations .loyaltyPointsContainer .lpPoints,
.resortBucketsContainer .loyaltyPointsContainer .lpPoints{
    color: #73A232;
}

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

    .exactMatchContainer .searchResultsListAddCore{
        border-radius: 9px;
    }

    .imageSearchContainer{
        max-width: 280px;
    }

    .imageSearchContainer figure{
        height: 200px;
        overflow: hidden;
    }

    .exactMatchContainer .imageSearchContainer figure {
        width: 280px;
    }

}


@media screen and (max-width: 767.5px){

    .exactMatchContainer{
        padding-top:0px;
        padding-bottom:0px;
    }

    .exactMatchContainer .checkInDateSectionContainer{
        display: none;
    }


    .imageSearchContainer figure img{
        transform: translateX(-50%);
    }

    .exactMatchContainer figcaption {
        padding-left: 0px;
    }

    .bodyExactContainer .inventoryHeaderContainer{
        padding: 0 11px;
    }

    .imageSearchContainer .averagePriceContainer{
        position: absolute;
        right: 0;
        bottom: 25px;
        background-color: #FFF;
        padding: 10px 6px 10px 15px;
        border-radius: 10px 0px 0px 10px;
        text-align: right !important;
        font-weight: bold;
        color: black;
        z-index: 1;
    }

    .imageSearchContainer .img-override{
        max-height: 350px;
        height: auto;
    }

    .resortBucketsContainer{
        margin-left: 10px;
    }

    .resortBucketsContainer .inventoryContainer{
        height: 103px;
        margin-top: 20px;
        padding-bottom: 7px;
    }

    .resortBucketsContainer .inventoryContainer:last-child{
        border-bottom:none !important
    }

    .resortBucketsContainer .sleepCapacitySR {
        margin-top: -8px;
    }



    .resortBucketsContainer .refundableLabelExactM{
        color: #333;
        font-family: 'Roboto','sans-serif';
        font-size: 11px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%; /* 11px */
        text-transform: capitalize;
        width: 100%;
        text-align: right !important;
    }
    .resortBucketsContainer .pricePerWeek{
        margin-right: 0px;
        width: 120px;
    }

    .resortBucketsContainer .bookingBtnAddCore{
        height: 39px;
        border-radius: 10px;
        width: 100%;
    }

    .flexBreakLine{
        flex-basis: 100%;
        height: 0;
    }
/* new design phase2 */
    .resortBucketsContainer .loyaltyPointsContainer{
       /* margin-left: auto;*/
        display: inline-flex;
        width: 160px;
        gap: 5px;
    }

    .editInventoryPopover{
        display: none;
    }

}

@media screen and (min-width: 767.5px) and (max-width: 991.5px){
    .resortBucketsContainer .pricePerWeek {
        margin-right: 0px;
    }
    .exactMatchContainer .imageSearchContainer figure {
        width: 250px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .resortBucketsContainer .kitchenContainer {
        margin-left: 10px;
        width: 1%;
    }
    .resortBucketsContainer .inventoryContainer {
        height: 109px;
    }
    .col-md-2 {
        flex: 0 0 auto;
        width: 23.666667%;
    }
    .resortBucketsContainer .refundableLabelExactD{
        margin-left:20px;
    }
}

/*Carousel Bootstrap SurroundingDestinations*/

.carouselB5CardsDestinations .carousel-indicators{
    width: fit-content;
    left: auto;
    margin: 0px auto;
}

.carouselB5CardsDestinations .carousel-indicators [data-bs-slide-to]{
    border: 2px solid #a0a0a0;
    width:15px;
    height:15px;
    border-radius:50%;}

.carouselB5CardsDestinations .carousel-indicators .active{
    background-color: #000000;
    border: 2px solid #000;
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

.carouselB5CardsDestinations .carousel-indicators [data-bs-target]{
    text-indent:0px;
    color:inherit;
}

.carouselB5CardsDestinations .carousel-indicators .carouselControl{
    height: 25px;
    width: 25px;
    border-radius: 5px;
    margin: 0px 13px;
    border: 1px solid black;
}

.carouselB5CardsDestinations .carousel-inner .carousel-item {
    transition: transform 1s ease-in-out;
}

.carouselB5CardsDestinations .carousel-inner {
    overflow-x: hidden;
    padding: 10px 0px;
}

.carouselB5CardsDestinations .carousel-inner .carousel-item {
    padding: 0px 20px
}

.carouselB5CardsDestinations .bt5CarouselNavButtons {
    width: fit-content;
}

.carouselB5CardsDestinations .card-text{
    color: #0B0B0B;
}

.carouselB5CardsDestinations .btnSelect {
    text-transform: none;
    font-weight: 500;
    border: 1px #D85E00 solid;
    width: 85%;
    padding: 0;
    line-height: 35px;
    color:#D85E00;
    height: auto;
}

.carouselB5CardsDestinations .btnSelect:hover,
.carouselB5CardsDestinations .btnSelect:active,
.carouselB5CardsDestinations .btnSelect:focus {
    background-color: transparent;
    box-shadow: none;
}

.carouselB5CardsDestinations .carousel-item{
    margin-right: 0 !important;
}


/*Card Bootstrap5 surrounding destination*/

.surroundingMatchContainer{
    padding-top: 75px;
    padding-bottom: 65px;
}

.carouselB5CardsDestinations .card .card-img-overlay{
    height: fit-content;
    width: fit-content;
    padding: 3px 8px;
    background-color: #D85E00;
    color: white;
    border-radius: 0px 7px 7px 0px;
    bottom: 15px;
    top: auto;
    box-shadow: 0px 3px 6px #00000029;
    font-size: 16px;
}


.carouselB5CardsDestinations .card{
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #D8D8D8;
    border-radius: 15px !important;
    overflow: hidden;
}

.carouselB5CardsDestinations .card-img-top{
    height: 255px;
    cursor: pointer;
}

.carouselB5CardsDestinations .card-img-top img{
    min-height: 100%;
    min-width: 100%;
    height: 100%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.carouselB5CardsDestinations .cardTitleContainer {
    min-height: 5.5em;
}

.carouselB5CardsDestinations .card-title {
    font-size: 20px;
    cursor: pointer;
}

.carouselB5CardsDestinations .card-subtitle {
    margin-top: 2px;
    color: #666666;
}

.carouselB5CardsDestinations .loyaltyPointsContainer{
    font-size: 13px;
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 10px;
}

/*Navigation items*/

.carouselB5CardsDestinations button.carouselControl,
.carouselB5CardsDestinations button.carouselControl:hover,
.carouselB5CardsDestinations button.carouselControl:focus {
    background-color: white;
    position: absolute;
    width: 44px;
    height: 44px;
    top: 49%;
    display: block;
    border-radius: 50%;
    color: #828282;
    opacity: 1;
    box-shadow: 0px 3px 6px #00000029;
}

.carouselB5CardsDestinations button.carouselControl i{
    font-size: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #D85E00;
}

.carouselB5CardsDestinations button.carousel-control-next{
    right: 0px;
    left: auto;
}

.carouselB5CardsDestinations button.carousel-control-prev{
    left: 0px;
}


.carouselB5CardsDestinations .tns-nav > button.tns-nav-active{
    background-color: #aaa;
}

.carouselB5CardsDestinations .tns-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 15px;
}

.carouselB5CardsDestinations .tns-controls > button{
    height: 30px;
    width: 30px;
    border-radius: 5px;
    margin: 0px 13px;
    border: 1px solid black;
    background-color: transparent;
}

@media screen and (max-width: 767.5px){
    .surroundingMatchContainer{
        padding-top: 25px;
        padding-bottom: 15px;
    }
}

/*NavBar Styles*/
.bodyInventorySearch .navbar{
    background-color: inherit;
    position: sticky;
    top: 0px;
}

/*styles for search destination*/

.bodyInventorySearch #editInventoryResults{
    position: sticky;
    top: 75px;
    z-index: 10;
    background-color: #FFF;
    box-shadow: 0px 1px 4px #00000029;
}

@media screen and (max-width: 767.5px) {
    .bodyInventorySearch #editInventoryResults {
        top: 72px;
    }
}

#searchHeaderContainer{
    padding-bottom: 10px;
    padding-top: 10px;
}

#searchPartDestinationContainer {
    flex-basis: 80%;
}

#searchPartFilterContainer {
    flex-basis: 20%;
    margin-left: auto;
}

#editInventoryResults #txtSrchDest,
#editInventoryResults #myCalDate {
    color: #0077BE;
}

#searchHeaderContainer #searchPartDestinationContainer,
#searchHeaderContainer #myDestinationContainer{
    border-right: 1px solid #ececec;
}

#myDestination label{
    padding: 0px 6px;
}

/*
* IMPORTANT to let the three width (min and max)
* due to variation in the inner image that impact
* to autocomplete position.
*/
#myDestination #lblMyDest{
    width: 2.4em;
    min-width: 2.4em;
    max-width: 2.4em;
}

#myDestination #txtSrchDest{
    border: none;
    font-size: 17px;
}

#myDestination #clrMyDest i {
    font-size: 12px;
    color: white;
    background-color: #B1B1B1;
    padding: 3px;
    cursor: pointer;
}

#myDestination #clrMyDest i:hover {
    background-color: #939393;
}

#searchHeaderContainer #myCalDateContainer {
    max-width: 250px;
    margin-left: 15px;
    margin-right: 8px;
    cursor: pointer;
}

#editInventoryResults #myCalDate #myCalIcon{
    margin-bottom: 3px;
    width: 19px;
}

#searchHeaderContainer #myCalDate #headerCheckIn{
    margin-left: 10px;
}

#searchHeaderContainer #myBtnInventorySearch{
    margin-left: auto;
    margin-right: 10px;
}

#searchHeaderContainer #btnInventorySearch{
    width: 146px;
    height: 36px;
    padding: 0px;
    text-transform: none;
}

#searchHeaderContainer #filtering{
    width: 87px;
    height: 36px;
    padding: 10px 5px 9px 7px;
    border: 1px solid #DDDDDD;
    border-radius: 6px;
    margin: 0px auto 0px 10px;
}

#searchHeaderContainer #filtering:hover,
#searchHeaderContainer #filtering:hover i::before{
    color: inherit;
    background-color: inherit;
}

#searchHeaderContainer #filtering i{
    margin-left: auto;
    font-size: 28px;
    margin-bottom: 4px;
}

#searchHeaderContainer label{
    font-weight: normal;
    margin-right: 2px !important;
}

#myCalDateContainer #headerIconCheckInOut{
    color: #666666;
}

#editInventoryResults .mapBtn:hover {
    cursor: pointer;
    background-color: #E3E3E3;
    background-repeat: no-repeat;
}

#editInventoryResults .mapBtn:checked:hover {
    background-color: #0d6efd;
}

#mapEnabler #lblChkMapEnabler {
    color: #666666;
}

@media screen and (max-width: 767.5px){
    #myCalDateContainer #headerIconCheckInOut,
    #myCalDateContainer #headerCheckOut{
        display: none !important;
    }
}

@media screen and (max-width: 1024.5px){

    #searchHeaderContainer{
        flex-wrap: wrap !important;
    }

    #searchPartDestinationContainer,
    #searchPartFilterContainer{
        flex-basis: 100%;
    }

    #searchPartDestinationContainer{
        padding-bottom: 10px;
        border-right: none !important;
    }

    #searchPartFilterContainer{
        padding-top: 10px;
        border-top: 1px solid #DDDDDD
    }

    #myDestinationContainer #clrMyDest,
    #myBtnInventorySearchContainer
    {
        display: none !important;
    }

    #mapEnabler {
        margin-left: auto;
        margin-right: 8px;
    }

    #filteringContainer #filtering {
        width: 100%;
        max-width: 250px;
        margin-left: 7px;
    }


}

/*mobile search*/
#overlaySearch {
    min-height: fit-content;
    background-color: #FFFFFF;
    position: absolute;
    width: 100%;
    z-index: 20;
    padding: 30px 10px 28px 10px;
}

#overlaySearch .ui-corner-all{
    border-radius: 10px;
}

#myDestinationContainerOverlay{
    height: 55px;
    border: 1px solid #DDD;
}

/*#myDestinationContainerOverlay #myDestination{*/
/*    padding-left: 10px;*/
/*}*/

#myDestinationContainerOverlay {
    padding: 0 20px;
}

#myDestinationContainerOverlay #txtSrchDest{
    font-size: 1.2em;
}

#myCalDateContainerOverlay{
    margin-top: 13px;
    height: 55px;
    border: 1px solid #DDD;
    padding: 0px 30px;
    font-size: 1.2em;
}

#myCalDateContainerOverlay #headerCheckIn,
#myCalDateContainerOverlay #headerCheckOut{
    text-align: center;
}

#myCalDateContainerOverlay #headerIconCheckInOut{
    color: #666;
}

#myBtnInventorySearchContainerOverlay{
    margin-top: 13px;
    text-align: center;
}

#myBtnInventorySearchContainerOverlay #btnInventorySearch{
    width: 100%;
    text-transform: none;
}

.searchOverlayShow{
    display:block !important;
    animation: searchOverlayOpacity .5s forwards;
}

@keyframes searchOverlayOpacity {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

/*Page overlay*/

#backgroundOverlaySearch{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 11;
    display: none;
}

.backgroundOverlaySearchShow{
    display:block !important;
    animation: pageOverlayOpacity .5s forwards;
}

@keyframes pageOverlayOpacity {
    from {
        opacity:0;
    }
    to {
        opacity:0.5;
    }
}


/*Styles for dropdown destinations*/
@media screen and (min-width: 1024.5px) {
    .bodyInventorySearch .ui-widget.ui-autocomplete{
        box-shadow: 5px 5px 4px -1px #a3a3a3;
    }
}

.lastItemDestinationSearch{
    border-bottom: 1px solid #f3f3f3;
}

/* LTP-76 Floating labels*/
.float-label {
    font-weight: 400;
    transform-origin: 0 0 !important;
    color: #666666;
    padding-left: 0.75rem !important;
}

.height-fix {
    height: calc(3.5rem + 2px);
}

.card-logos-vertical-alignment {
    top: 17px !important;
}

/*hide form each resort*/

.resortFormContainer{
    display:none;
}

/*Alternate Dates*/

#alternateExactMatchTitle{
    padding-top: 60px;
    text-align: center;
    font-size: 22px;
}

.alternateExactMatchContainer{
    padding-bottom: 90px;
}

.altDateGroupContainer:first-child{
    padding-top: 35px;
}

.altDateGroupContainer:nth-child(2n){
    padding-top: 80px;
}

.alternateExactMatchContainer .cardContentContainer{
    min-height: 312px;
    max-height: 312px;
}

.alternateExactMatchContainer .destinationContainer{
    margin-bottom: 5px;
}

.alternateExactMatchContainer figure .card-image-overlay{
    top: auto;
    bottom: 32px;
    background-color: #1F305F;
    width: fit-content;
    box-shadow: 0px 3px 6px #00000053;
    border-radius: 0px 9px 9px 0px;
    left: 0px;
    color: #FFF;
    padding: 6px;
    position: absolute;
}

.alternateExactMatchContainer figure .card-image-overlay i{
    margin-left: 6px;
}

.alternateExactMatchContainer .resortDescriptionContainer{
    margin: 15px 10px 10px 10px;
}

.alternateExactMatchContainer .resortDescriptionContainer .figCaptionsContainer{
    margin-left: 0px;
}

.alternateExactMatchContainer .resortDescriptionContainer .destinationTitleContainer{
    font-size: 22px;
}

.destinationTitleContainer .resortDetail{
    color: #0077BE;
}

.alternateExactMatchContainer .capacityADContainer{
    margin-right: 30px;
}

.alternateExactMatchContainer .bucketMoreDropDown,
.alternateExactMatchContainer .capacityADContainer .capacityIconsContainer{
    cursor: pointer;
}

.alternateExactMatchContainer .capacityADContainer .capacityIconsContainer i:first-child{
    margin-right: 10px;
}

.alternateExactMatchContainer .pricePerDayTabletContainer{
    min-width: 160px;
}

.alternateExactMatchContainer .bucketsDropDown,
.alternateExactMatchContainer .roomDetailsContainer{
    border-radius: 10px;
    padding: 10px;
}

.alternateExactMatchContainer .dynamicBucketContainer{
    padding:15px 10px 0px;
    border-top: 1px solid RGBA(178, 178, 178, 0.5);
}

.alternateExactMatchContainer .resortBucketsContainerAD{
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.alternateExactMatchContainer .inventoryContainer{
    font-size: 10px;
    text-align: center;
}

.alternateExactMatchContainer .inventoryContainer .ratingRecap.sleepCapacitySR{
    font-size: 16px;
}

.alternateExactMatchContainer .inventoryContainer .pricePerWeek h4{
    font-size: 22px;
}

.alternateExactMatchContainer .inventoryContainer .ratingRecap{
    font-size: 14px;
}

.alternateExactMatchContainer .bucketsDropDown{
    min-width: fit-content;
}

.alternateExactMatchContainer .bucketsDropDown .inventoryContainer{
    flex-direction: row !important;
    align-items: start !important;
    margin-bottom: 15px;
}

.alternateExactMatchContainer .bucketsDropDown .inventoryContainer:last-child{
    margin-bottom: 0px;
}

.alternateExactMatchContainer .bucketsDropDown .sleepCapacityContainerAD{
    margin-top: 3px;
}

.alternateExactMatchContainer .bucketsDropDown .inventoryContainer .pricePerWeek{
    margin-left: 20px;
}

.alternateExactMatchContainer .pricePerDayPcContainer,
.alternateExactMatchContainer .selectAlternatePcContainer{
    height: 50%;
}

.alternateExactMatchContainer .averagePriceContainer .ratingRecap>div h4{
    font-size: 26px;
}

.alternateExactMatchContainer .averagePriceContainer .ratingRecap>div sup{
    font-size: 20px;
}

.alternateExactMatchContainer .averagePriceContainer .ratingRecap span{
    font-size: 14px;
}

.alternateExactMatchContainer .selectAlternateContainer{
    min-width: 145px;
}

.alternateExactMatchContainer .selectAlternateContainer .bookButtonContainer{
    text-align: center;
    margin-bottom: 5px;
}

.alternateExactMatchContainer .selectAlternateContainer .bookButtonContainer button{
    width: 95%;
    text-transform: none;
}

.alternateExactMatchContainer .selectAlternateContainer .loyaltyPointsContainer{
    margin-bottom: 8px;
}

.alternateExactMatchContainer .selectPerWeekPcContainer{
    display: none;
    padding: 5px 12px 0px 12px;
    margin: 10px 0px;
    border-left: 1px solid RGBA(178, 178, 178, 0.5);
    min-width: 186px;
}


@media screen and (max-width: 767.5px){

    #alternateExactMatchTitle{
        padding: 25px 10px 0px 10px;
    }

    .altDateGroupContainer:first-child{
        padding-top: 40px;
    }

    .altDateGroupContainer:nth-child(2n){
        padding-top: 20px;
    }

    .alternateExactMatchContainer{
        padding-bottom: 0px;
    }

    .alternateExactMatchContainer .cardContentContainer{
        max-height: none;
    }

    .alternateExactMatchContainer .selectAlternateContainer{
        margin-top:35px;
    }

    .alternateExactMatchContainer .selectAlternateContainer .bookButtonContainer{
        margin-bottom: 21px;
    }
}

@media screen and (min-width: 767.5px) and (max-width: 1024.5px){
    .alternateExactMatchContainer .imageSearchContainer{
        max-width: 250px;
    }
}

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

    .alternateExactMatchContainer .searchResultsList{
        border-radius: 10px;
        overflow: hidden;
    }

    .alternateExactMatchContainer .destinationTitleContainer address{
        color: black;
    }

    .alternateExactMatchContainer .ratingsADContainer{
        margin: 7px 0px;
    }

    .alternateExactMatchContainer .capacityADContainer{
        margin-top: 7px;
    }

    .alternateExactMatchContainer .figCaptionsContainer,
    .alternateExactMatchContainer .imageSearchContainer figure,
    .alternateExactMatchContainer .dynamicBucketContainer{
        height: 100%;
    }

    .alternateExactMatchContainer .selectAlternateContainer .loyaltyPointsContainer{
        margin-bottom: 0px;
    }

}

@media screen and (max-width: 1024.5px){
    .alternateExactMatchContainer .resortBucketsContainerAD{
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media screen and (min-width: 1024.5px){
    .alternateExactMatchContainer .imageSearchContainer{
        max-width: 362px;
        min-width: 362px;
    }

    .alternateExactMatchContainer .selectPerWeekPcContainer{
        display: flex;
    }
}


/*Earn loyalty points advice styles */

#earnPointsAdviceBgContainer{
    background-color: #F2F2F2;
    height: 75px;
}

#earnPointsAdviceContainer{
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: 40px;
}

#earnPointsAdvice{
    margin-left: auto;
    height: 61px;
    width: 398px;
    border: 1px solid #73A232;
    background-color: #FFF;
    border-radius: 8px;
    box-shadow: 0px 3px 6px #00000029;
    overflow: hidden;
    cursor: pointer;
}

#epIconContainer{
    background-color: #73A232;
    color: white;
    min-width: 72px;
}

#epIconContainer i{
    font-size: 42px;
    transform: rotate(90deg);
    height: fit-content;
}

#epTextContainer{
    padding: 0px 5px 0px 14px;
}

@media screen and (max-width: 767.5px){

    #earnPointsAdviceBgContainer{
        height: unset;
    }

    #earnPointsAdviceContainer{
        position: relative;
        left: unset;
        transform: none;
        top: unset;
        padding: 15px 15px;
    }

    #earnPointsAdvice{
        margin:0 auto;
        height: fit-content;
        min-height: 61px;
    }

    #epTextContainer{
        margin: 7px 0px;
    }

}

/*CheckBox switch bootstrap 5 personalizado*/
.checkboxSwitch {
    width: 41px !important;
    height: 23px;
    background-size: 24px 23px;
    background-origin: border-box;
    background-color: #E3E3E3;
    background-image: url("data:image/svg+xml,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'-4 -4 8 8'%3E%3Ccircle r%3D'3' fill%3D'%23797979'%2F%3E%3C%2Fsvg%3E") !important;
    background-position: left center !important;
    border: none;
    border-radius: 2em !important;
}

.checkboxSwitch:checked {
    background-color: #0077BE;
    background-position: right center !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'-4 -4 8 8'%3E%3Ccircle r%3D'3' fill%3D'%23F7F7F7'%2F%3E%3C%2Fsvg%3E") !important;
}

.checkboxSwitch:checked {
    background-color: #0077BE;
    background-position: right center !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'-4 -4 8 8'%3E%3Ccircle r%3D'3' fill%3D'%23F7F7F7'%2F%3E%3C%2Fsvg%3E") !important;
}

.checkboxSwitch:checked:hover {
    background-color: #0077BE !important;
}

.checkboxSwitch:focus {
    box-shadow: none;
}

/*CheckInDateSection*/

.checkInDateSectionContainer{
    width: fit-content;
    margin-bottom: 17px;
}

.checkInLineSection{
    font-size: 18px;
}

.checkInDateSection{
    font-size: 24px;
    font-weight: bolder;
}

@media screen and (max-width: 767.5px){

    .checkInDateSectionContainer{
        padding-left: 10px;
    }

}

.cursor{
    cursor: pointer;
}

/*font styles general*/

.fontWeightMedium{
    font-weight: 600;
}

/*LTP popover styles*/

.ltpPopover{
    border-radius: 10px;
    overflow: hidden;
    width: 322px;
    max-width: 322px;
}

.ltpPopover .popover-arrow{
    display: none;
}

.ltpPopover .popover-header{
    border: none;
}

/* Calendar Bottom Body Styles*/

#calendarBodyBgContainer{
    padding-bottom: 120px;
}

#calendarWidgetHeader{
    padding-top: 55px;
    display: flex;
    text-align: center;
    justify-content: center;
    font: normal normal bold 22px/27px Helvetica;
    color: #080808;
    opacity: 1;
}

.calendarWidgetLabelText{
    padding-top: 20px;
    font-size:20px;
}

#calendarBodyText1{
    text-align: left;
    font: normal normal bold 22px/27px Helvetica;
    letter-spacing: 0px;
    color: #666666;
    opacity: 1;
    padding-bottom: -10px;
}

#calendarContainer{
    margin-top: 50px;
}

#calendarContainer .calendarWidgetLabelText label{
    font: normal normal bold 25px/30px Helvetica;
    letter-spacing: 0px;
    color: #080808;
}

#calendarBodyContainer {
    justify-content: center;
    width: 100%;
    border-radius: 25px;
    padding-top: 40px;
}

.calendarOutContainer{
    height: fit-content;
    padding: 20px;
    border-radius: 25px;
    overflow: hidden;
    background: #F7F7F7 0% 0% no-repeat padding-box;
    box-shadow: 0px 4px 3px #00000029;
    border: 1px solid #F0F0F0;
    opacity: 1;

}

@media screen and (min-width: 1px) and (max-width: 767.5px){
    #calendarBodyBgContainer{
        background-color: #F2F2F2;
    }
    #calendarContainer {
        background-color: #FFFFFF;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 15px;
    }
    #calendarContainer #calendarBodyText1{
        font-weight: 600;
        font-size: 17px;
    }
    #calendarContainer .calendarWidgetLabelText label{
        color: #1F305F;
        font-weight: bold;
    }
    .calendarWidgetLabelText{
        border-bottom: 1px #00000029 solid;
    }
}

@media screen and (min-width: 1px) and (max-width: 575.5px){
    #calendarContainer {
        margin-left: 10px;
        margin-right: 10px;
        width: inherit;
    }
    #calendarWidgetHeader{
        padding: 30px 10px 0px 10px;
    }
}

/*Loyalty Points Modal Styles*/

#lpModalContainer .modal-content{
    border-radius: 10px;
    overflow: hidden;
    width: 93%;
    margin: 0px auto;
}

#lpModalContainer .modal-header {
    padding: 0px 1px 0px 14px;
    color: white;
}

#lpModalContainer .modal-header i{
    font-size: 40px;
    font-weight: bolder;
    cursor: pointer;
}

#lpModalContainer .modal-title{
    text-transform: none;
    font-weight: 500;
    order: unset;
    font-size: 21px;
}

/* Filter styles */
#editInventoryResults .filter-actions {
    text-align: center;
}
#editInventoryResults .btn-filter {
    border: 1px solid #0077be;
    text-transform: none;
    min-width: 144px;
}
#editInventoryResults .btn-filter-top {
    font-weight: normal;
    font-size: 15px;
    color: #666666;
    border: 1px solid #666666;
    text-transform: none;
}
#editInventoryResults .btn.btn-filter:hover,
#editInventoryResults .btn.btn-filter:focus {
    color: #0077be;
}
#editInventoryResults .dropdown-item.active,
#editInventoryResults .dropdown-item:active {
    color: inherit;
    text-decoration: inherit;
    background-color: inherit;
}
#editInventoryResults .dropdown-item:focus,
#editInventoryResults .dropdown-item:hover {
    color: inherit;
    background-color: inherit;
}
#editInventoryResults .dropdown-item:focus,
#editInventoryResults .dropdown-item:hover {
    color: inherit;
    background-color: inherit;
}
#editInventoryResults .inventory-search {
    margin-right: 1.5rem!important;
}
#editInventoryResults .dropdown-toggle::after {
    color: #666666;
    margin-left: auto;
    font-size: 28px;
    margin-bottom: 4px;
}
#filteringContainer #filtering .spanFilter{
    color: #666666;
}
#editInventoryResults .flex-list-option {
    display: flex;
}
#editInventoryResults .filter-container {
    width: 90%;
    margin: 0 auto;
}
#editInventoryResults .filter-auto {
    margin: 0 auto;
}

@media screen and ( max-width: 991.5px ) {
    #editInventoryResults .filter-container {
        width: 100%;
    }
    #editInventoryResults .dropdown-item {
        padding: 5px 12px;
    }
}
@media screen and ( max-width: 575.5px ) {
    #editInventoryResults .flex-list-option {
        justify-content: center;
    }
}

/* LTP-1910 zip/postal code field
   LTP-1927 tablet fields (responsive)*/
.singleRowFloatingField {
    max-width: unset;
    width: max-content;
}

/*Helvetica font*/

.bodyInventorySearch *{
    font-family: "Helvetica Neue", Helvetica;
}

.bodyInventorySearch .searchResultsList .ratingRecap {
    font-size: 14px;
}

/*Maps styles*/

.bodyInventorySearch .gm-style-iw-d {
    overflow: auto !important;
    padding-right: 18px;
    padding-bottom: 8px;
}

#map .mapPinContentDetails img.mapContentImage{
    width: 100%;
    margin: 5px 0;
    cursor: pointer;
}

.mapPinContentDetails button.resortDetail{
    margin: 0px auto;
    display: block;
}


/*Topten styles*/

#topTenInventoryBgContainer{
    padding-bottom: 120px;
}

.topTenCard-h{
    font-size: 22px;
    text-align: center;
}
.topTenCard-p{
    margin-bottom: 0px;
    margin-top: 2px;
    font-size: 14px;
}
.price-fs{
    font-size: 24px;
}
.topCardHeader{
    margin-bottom: 49px;
    text-align: center;
    color: #141414;
    font-weight: bold;
    font-size: 37px;
    opacity: 1;

}

#searchResults .topTenInventoryContainer.listView{
    overflow-y: hidden;
}


#carouselB5TopTen.carouselB5CardsDestinations .card-img-top{
    overflow: hidden;
    height: 300px;
}


#carouselB5TopTen.carouselB5CardsDestinations .card-img-top img{
    min-height: 100%;
    min-width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    height: unset;
}

/* LTP-1793 Calendar widget for the Getaway Search -Resort Details
   LTP-1846 Final design*/
#resortDetailsPage #calendarMessageContainer{
    display: flex;
    align-items: center;
}
#resortDetailsPage #checkText{
    text-align: left;
    letter-spacing: 0px;
    color: #1A1A1A;
    font-size: large;
}

#resortDetailsPage #myCalDateContainer{
    margin: 0px 6em  0px 1em;
}

#resortDetailsPage #myCalDate{
    width: auto ;
    cursor: pointer ;
}

#resortDetailsPage #headerCheckIn{
    color: #0077BE;
    font-weight: bold;
    margin-right: 3em;
    font-size: 1.2em;
}

#resortDetailsPage #headerCheckOut{
    color: #0077BE;
    font-weight: bold;
    margin-left: 3em;
    margin-right: 1em;
    font-size: 1.2em;
}

#resortDetailsPage #myCalIcon{
    width: 25px;
    height: 25px;
    margin: 0.5em;
    margin-block-start: revert;
}
#resortDetailsPage #checkDateText{
    display: flex !important;
    color: #856404;
    background: #FFF3CD 0% 0% no-repeat padding-box;
    border: 1px solid #FFEEBA;
    border-radius: 6px;
    padding: 15px;
}

@media screen and (min-width: 1024.5px) {
    #resortDetailsPage #ui-datepicker-div{
        left: 45% !important;
    }

}
@media screen and (min-width: 767.5px) and (max-width: 1024.5px) {
    #resortDetailsPage #myCalDate{
        display: flex !important;
    }
    #resortDetailsPage #myCalDateContainer{
        margin: 1em;
        width: 100%;
    }

}
@media screen and (max-width: 767.5px){
    #resortDetailsPage #myCalDateContainer #headerIconCheckInOut
    ,#resortDetailsPage #myCalDateContainer #headerCheckOut{
        display: flex !important;
    }
    #resortDetailsPage #myCalDateContainer{
        margin: 1em;
        width: 100%;
    }
    #resortDetailsPage #ui-datepicker-div{
        box-shadow: 5px 5px 4px -1px #a3a3a3 !important;
    }
    #resortDetailsPage #calendarMessageContainer{
        flex-direction: column;
    }
}


#availabilityMessageBgContainer{
    padding-top: 50px;
    background-color: #F2F2F2;
    padding-bottom: 30px;
}

#availabilityMessageContainer{
    background-color: #15234D;
    color:#FFFFFF;
    font-size: 16px;
    padding: 12px 25px;
}

#availabilityMessageContainer i{
    margin-right: 10px;
}

@media screen and (max-width: 767.5px){
    #availabilityMessageBgContainer{
        padding-top: 10px;
    }
}
 /* LTP-1883
Add Floating Labels to the Pre Login workflows*/
@media screen and (min-width: 767.5px){
    #login #fEmail, #login #fPhone{
        padding-left: 1.75rem !important;
    }
    #emailX{
        padding-right: 50px;
    }

}

@media screen and (max-width: 767.5px){
    #login #fPhone{
        padding-left: 0.75rem !important;
    }
    #login #fEmail{
        padding-left: 1.75rem !important;
    }
    #emailX{
        padding-right: 40px;
    }
}

#login .textClear .close{
    top: 20px;
    right: 15px;
}


.gs-card{
    filter: grayscale(1);
}

/*styles for galaxy fold (280px)*/
@media only screen and (max-device-width : 315.5px) {

    #editInventoryResults .filter-actions>div{
        display: flex;
        flex-direction: column;
    }

    #editInventoryResults .btn-filter{
        margin-bottom: 10px;
    }

    .bodyInventorySearch .exactMatchContainer .resortBucketsContainer .sleepCapacitySR{
        width: 45px;
    }

    .bodyInventorySearch .exactMatchContainer .resortBucketsContainer .loyaltyPointsContainer{
        margin-top: -31px;
    }

    .bodyInventorySearch .alternateExactMatchContainer .ratingsADContainer  .ratingRecap {
        width: 60px;
    }

    .bodyInventorySearch .alternateExactMatchContainer .resortBucketsContainerAD {
        align-items: end;
    }
}

@media only screen and (max-device-width : 991.5px){
    .creditCardCvvContainer{
        padding: 0px
    }
}
/*ltp-2020*/
.accordionNew.ui-accordion h3.collapsed .myViewerClass::after{
    content: "\e10f";
}
.accordionNew.ui-accordion h3 .myViewerClass::after{
    content: "\e112";
    position: absolute;
    right: 30px;
    top: 14px;
    font-size: 35px;
    font-weight: 400;
    width: 20px;
    text-align: center;
    color: #037cc1;
    font-family: 'icomoon';
    font-style: initial;
}
.accordionNew.ui-accordion h3.collapsed::after{
    content: "";
}

.accordionNew.ui-accordion h3::after{
    content: "";
}
/*END of ltp-2020*/
/*START OF ltp-1849*/
/* Adjust positioning of search bar and carousel*/
@media only screen and (min-width: 1200px) and (max-width: 1448px){
    #dashboardWrapper .carousel-position{
        margin-top: 333px; /*Adjust top padding as needed*/
    }
}
@media only screen and (min-width: 480px) and (max-width: 768px){
    #dashboardWrapper .carousel-position{
        margin-top: 100px; /*Adjust top padding as needed*/
    }
}
@media only screen and (min-width: 377px) and (max-width: 480px){
    #dashboardWrapper .carousel-position{
        margin-top: 465px; /*Adjust top padding as needed*/
    }
}
@media only screen and (min-width: 1px) and (max-width: 377px){
    #dashboardWrapper .carousel-position{
        margin-top: 250px; /*Adjust top padding as needed*/
    }
}
/*Unseting styles inherited by owl carousel*/
#carouselB5TopTen .carousel-inner a{
    width: 100%;
    float: unset;
    margin: unset;
    position: unset;
    overflow: unset;
    text-align: unset;
}
/*Hiding the carousel indicators only on inventory search*/
.bodyInventorySearch .topTenInventoryContainer #carouselB5TopTen .carousel-indicators {
    visibility: hidden;
}
#dashboardWrapper #carouselB5TopTen{
    margin-bottom: 80px;
}
/*END OF ltp-1849*/

/* LTP- 2021*/
.mainContent > .row .officeInfo > .row{
    border: solid 1px #d9d9d9;
}
/*LTP-1993 Solution proposal for Calendar not showing the year */

.headerCalendar .ui-datepicker-title .ui-datepicker-year{
    font-size: 150% !important;
    font-weight: bold !important;
}

/* LTP-1391 */
#topMessage{
    background-color: #2d8abf;
    color: white;
    display: flex;
    border-radius: 8px;
    align-items: center;
}

#informationIconContainer{
    border-radius: 50%;
    background-color: white;
    color: #2d8abf;
    min-width: 20px;
    min-height: 20px;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 25px;
    margin-right: 13px;
    font-style: italic;
}

#closeIconContainer{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 8px;
    margin-right: 8px;
    font-size: 32px;
}

#topMessage span{
    margin-top: 10px;
    margin-bottom: 10px;
}

#renewal .container h1 {
    color: black;
}
/* END OF LTP-1391 */

@media screen and (min-width: 766.5px){
    .new-card-fields ul.card_logos {
        top: 1rem;
    }
}
/*LTP-2033-START*/
#cc_info .whatsThis:focus .whatsThisImg{
    display: block;
}
/*LTP-2033-END*/
#register-form p small {
    font-size: .875rem;
}

/* LTP-822 */
#email_confirmation > h3 {
    color: #777;
}

#emailConfirmationFolded > p {
    word-break: break-all;
}

#emailConfirmationFolded > div.alert-success {
    margin-top: unset;
    color: #333;
    background-color: rgb(242, 242, 242);
}

#confirmationDelivery\.emailAddress {
    border-radius: 10px;
    border: 1px solid rgba(215, 215, 215, 1);
}

#confirmEmailButtonsRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: calc(var(--bs-gutter-x)/ 2);
    padding-right: calc(var(--bs-gutter-x)/ 2);
}

#updateEmailButtonContainer {
    display: flex;
    border-width: 1px;
    border-style: solid;
    border-radius: 6px;
    border-color: rgba(0, 119, 190, 1);
    height: 32px;
    align-items: center;
    justify-content: center;
    margin-bottom: 28px;
    padding-left: 0;
    padding-right: 0;
}

#updateEmailButtonContainer a.doneEmail {
    font-weight: unset;
    font-family: 'OpenSans-Regular', 'Open Sans', sans-serif;
    font-size: 14px;
    text-transform: unset;
    width: 100%;
}

#confirmationDelivery\.updateProfile + label {
    display: flex;
    align-items: center;
    font-family: 'OpenSans-Regular', 'Open Sans', sans-serif;
    font-weight: unset;
}

#confirmationDelivery\.updateProfile + label::before {
    background-color: transparent;
    border: 1px solid rgba(215, 215, 215, 1);
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    margin-right: 23px;
    min-width: 32px;
    min-height: 32px;
    font-size: 22px;
    font-weight: bold;
    color: gray;
    font-family: 'icomoon';
    content: "\e206";
}

#confirmationDelivery\.updateProfile:checked + label::before {
    color: white;
    background-color: green;
}

#editEmailCancel {
    justify-content: center;
    display: flex;
    text-align: center;
}
/* END OF LTP-822 */


/*LTP-2098-START*/
@media screen and (min-width: 767.5px){
    .multiple-membership-login .eachMember #defaultLogo {
        position: unset !important;
        width: 100%;
    }

    .multiple-membership-login .eachMember .multiLogo1{
        padding-right: 15px;
        width: 200%;
    }

    .multiple-membership-login .eachMember .membershipContainer .MembershipLogos {
        display: flex;
        align-items: center;

    }

    .multiple-membership-login .eachMember .membershipContainer .mNumber {
        width: auto;
    }

    .multiple-membership-login .eachMember .membershipContainer {
        width: 70%;
        margin-left: 5%;
    }

    .multiple-membership-login .eachMember .membershipButton{
        align-self: center;
    }
}

@media screen and (max-width: 767px){
    .multiple-membership-login .eachMember #defaultLogo{
        position: unset !important;
        width: 100%;
    }

    .multiple-membership-login .eachMember .multiLogo1{
        width: 100%;
    }

    .multiple-membership-login .eachMember .membershipContainer .MembershipLogos {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}


.memCont .eachMember #defaultLogo{
    position: unset !important;
    width: 100%;
}
.memCont .eachMember .multiLogo1{
    width: 100%;
}


/*LTP-2098-END*/

#passwordForm .pwstrength_viewport_progress {
    width: calc(100% - 52px);
}
#passwordForm .showPass {
    width: 48px;
}
.showPass.loginPage {
    top: 16px;
    width: 73px;
}
.showPass.loginPage.check {
    top: 26px;
}

.pwstrength_viewport_progress.loginPage {
    display: inline-block;
    display: none;
    width: calc(100% - 85px);
    height: auto;
    overflow: hidden;
}

.pwstrength_viewport_progress.loginPage .progress {
    height: 24px;
    margin: 16px 0;
    border-radius: 6px;
}

/* remove eye-icon from password input - EDGE */
#password2::-ms-reveal,
#password2::-ms-clear,
#newPass::-ms-reveal,
#newPass::-ms-clear,
#confirmPass::-ms-reveal,
#confirmPass::-ms-clear{
    display: none;
}

/*LTP-1985 START*/
.memTittle {
    color: #333333 !important;
    font-weight: 600;
}

.AdMemTittle {
    margin-top: 60px !important;
    color: #333333 !important;
    font-size: 20px !important;
    font-weight: 600;
}
.memCont .eachMember.highlight {
    border: solid 1px #d9d9d9;
    margin-left: unset;
    margin-right: unset;
}

.memTable {
    width: 100%;
}

.additional.memBen *{
    color: #333333;
}
.additional.memBen{
    color: #333333;
}
.memCont .cMem {
    margin-bottom: -10px;
    width: 100%;
    position: relative;
    background-color: #64A508;
}

.memCont .cMem .switchCTA h4 {
    color: white;
    text-align: initial;
    text-transform: unset;
    font-weight: 500;
    font-size: large;
}

.memRenewTxt{
    text-align: center;
}

.memRenewTxt .icon-exclamation-triangle{
    color: #ef6d0d;
    font-size: 20px;
}

.memRenewBttn{
    width: 60%;
    margin: auto;
}

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

    .memTableContainer {
        align-self: center;
    }

    .memInfo {
        display: flex;
        justify-content: space-evenly;
    }

}
/*LTP-1985 END*/

/*START LTP-109*/
#logoutPopup .modal-dialog{
    max-width: 624px;
}

#logoutPopup .modal-content{
    width: 100%;
    background-color: #ffffff;
    box-sizing: border-box;
    border: 0px;
    margin: 0 auto;
}

#logoutPopup .modal-title{
    text-transform: none;
}

#logoutPopup .modal-footer{
    border-top: 0 #FFFFFF;
}

#logoutPopup .icon-exclamation-circle{
    padding: 18px 18px 17px 37px;
}

.timeout-header{
    padding: 2px 2px 2px 15px;
    width: 100%;
    height: 71px;
    background-color: #64A508;
    box-sizing: border-box;
    font-family: "Open Sans Light", "Open Sans", sans-serif;
    font-weight: 300;
    color: #ffffff;
    text-align: left;
    line-height: normal;
}

.timeout-header h4{
    font-size: 32px;
}

.timeout-message{
    color: #333333;
    font-family: "OpenSans-Regular", "Open Sans", sans-serif;
    background-color: rgba(255, 255, 255, 0);
    box-sizing: border-box;
    margin: 29px 30px 29px 21px;
}

.timeout-warning{
    padding: 10px;
    font-family: "Open Sans Light", "Open Sans", sans-serif;
    font-weight: 300;
    color: #721c24;
    border: 1px solid #f9d7db;
    border-radius: 6px;
    box-sizing: border-box;
    text-align: left;
    line-height: normal;
    margin-left: 18px;
    margin-right: 30px;
    font-size: 28px;
}

#logoff-link {
    border-radius: 6px;
    background: none !important;
    border: none;
    padding: 0 !important;
    font-family: "OpenSans-Regular", "Open Sans", sans-serif;
    color: #0077be;
    text-decoration: underline;
    cursor: pointer;
    text-align: center;
    line-height: normal;
}

#logoff-link label{
    font-weight: normal;
    width: 98px;
}

#timeout-continue{
    width: 108px;
    height: 38px;
    padding: 2px 2px 2px 2px;
    margin-right: 25px;
    border-radius: 6px;
    border: 0;
    background-color: #ef6d0d;
    box-sizing: border-box;
    font-family: "OpenSans-Bold", "Open Sans Bold", "Open Sans", sans-serif;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    line-height: normal;float: right;
}

@media (max-width: 640px) {
    #logoutPopup .modal-content{
        width: 355px;
        height: 526px;
    }

    #logoutPopup .modal-title{
        line-height: normal;
    }

    #logoutPopup .modal-footer{
        justify-content: center;
        flex-direction: column-reverse;
    }

    .timeout-header{
        width: 355px;
        height: 116px;
    }

    .timeout-message{
        margin: 0 0 37px 0;
    }

    .timeout-warning{
        text-align: center;
        margin: 0;
    }

    #timeout-timer{
        display: block;
    }

    #timeout-continue{
        margin-right: 0px;
    }

    #logoutPopup .icon-exclamation-circle{
        padding: 0 10px 0 0;
    }
}

@media (max-width: 365px) {
    #logoutPopup .modal-content{
        width: 265px;
        height: 526px;
    }

    .timeout-header{
        width: 265px;
        height: 116px;
    }

    .timeout-header h4{
        font-size: 28px;
    }

    .timeout-message{
        margin: 0 0 37px 0;
    }

    .timeout-warning{
        text-align: center;
        margin: 0;
    }
}
/*END LTP-109*/
/* LTP-2023 */
.inputCheckboxAdaCompliantStyles {
    position: absolute;
    opacity: 0;
}

.labelCheckboxAdaCompliantStyles {
    display: flex;
    align-items: center;
    position:relative !important;
    width: unset !important;
    height: unset !important;
    border: none !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    background: unset !important;
    line-height: unset;
}

.labelCheckboxAdaCompliantStyles::before {
    display: flex !important;
    justify-content: center;
    align-items: center;
    min-width: 17px;
    min-height: 17px;
    margin-right: 12px !important;
    border: 1px solid #757575 !important;
    border-radius: 4px;
    font-family: 'icomoon';
    font-size: 12px;
    color: white;
}

.inputCheckboxAdaCompliantStyles:checked + label::before {
    color: black;
}

#preferencesEditionEmailMessageWrapper {
    margin-bottom: 4px !important;
}

#aux {
    font-weight: bold;
}

#creditCardForm .row .labelContainer {
    display: flex;
    align-items: center;
}
#agreedFuturePay{
    margin-right: 10px;
}
#acknowledgeTxt{
    font-weight: normal;
}
/* END OF LTP-2023 */

/* LTP-2037 */
.editPass .editProfile .showPass:focus{
    box-shadow: 0 0 0 0.15rem rgb(49 132 253 / 50%) !important;
}

/* LTP-1981 - Renewal Alert Button Styles */
.rnw-btn{
    text-transform: none;
    background-color: #037CC1;
    box-sizing: border-box;
    border-color: rgba(215,215,215,1);
    border-style: solid;
    border-width: 1px;
    border-radius: 10px;
    box-shadow: none;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 20px;
    width: 360px;
    height: 43px;
    color: #FFF;
    display:none;
}

.rnw-btn:hover,
.rnw-btn:focus,
.rnw-btn.focus {
    color: #FFF;
}

#rnw-btn-col{
    background: #FFF;
    border: 10px;
    z-index: 298;
    margin: 0px 7px 20px 7px;
}

@media screen and (max-width: 993.5px){
    #rnw-btn-col{
        margin-bottom: 10px;
    }
}


#rnw-btn-div{
    width: 100%;
    text-align: center;
}

@media screen and (min-width: 481px) and (max-width: 994px) {
    .heroContainer-override{
        margin-top: -225px !important;
    }
}

@media screen and (max-width: 375px) {
    .rnw-btn{
        width: auto;
    }
}

@media screen and (max-width: 350px) {
    .rnw-btn{
        font-size: 15px;
    }
}
/* END OF LTP-1981*/

/* LTP-2050
Benefit module for confirmation page */



#benefitRenewalCardContainer .card.benRenCard:hover{
    box-shadow: unset;
}

#benefitRenewalCardContainer .benRenCard{
    border-radius: 1em !important;
    overflow: hidden;
}

#benefitRenewalCardContainer .benRenCard .card-body{
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(215,215,215,1) 100%);
}

#benefitRenewalCardContainer .benRenCard .card-text{
    text-align: center;
    font-size: 1.5em;
}

#benefitRenewalCardContainer .benRenCardClick > .col{
    background-color: unset;
    border: unset;
    -webkit-flex: unset;
    flex: unset;
    margin: 10px;
}

.benefitRenewalTitle {
    font-size: 20px;
    color: #333333;
    font-family: 'OpenSans-Regular', 'Open Sans', sans-serif;
}

/* LTP-2050
Benefit module for confirmation page */



#benefitRenewalCardContainer .card.benRenCard:hover{
    box-shadow: unset;
}

#benefitRenewalCardContainer .benRenCard{
    border-radius: 1em !important;
    overflow: hidden;
}

#benefitRenewalCardContainer .benRenCard .card-body{
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(215,215,215,1) 100%);
}

#benefitRenewalCardContainer .benRenCard .card-text{
    text-align: center;
    font-size: 1.5em;
}

#benefitRenewalCardContainer .benRenCardClick > .col{
    background-color: unset;
    border: unset;
    -webkit-flex: unset;
    flex: unset;
    margin: 10px;
}

.benefitRenewalTitle {
    font-size: 20px;
    color: #333333;
    font-family: 'OpenSans-Regular', 'Open Sans', sans-serif;
}

/* LTP-1383 */

#jahiaErrorContent{
    overflow-x: hidden;
    min-height: 700px;
}

#jahiaErrorImage{
    min-height: 700px;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
    min-width: calc(max(100%, 1865px));
}

#jahiaErrorContent .error-actions{
    position: relative;
    max-width: 1000px;
    margin: 20px auto 0px;
}

#jahiaErrorContent .error-actions h1{
    font-family: "Roboto Medium", "Roboto", sans-serif;
    font-size: 65px;
}

#jahiaErrorContent .whoops-content{
    text-align: left;
    position: absolute;
    right: 3%;
}

#jahiaErrorContent .whoops-content .errorP {
    border: none;
    font-family: "Roboto Thin", "Roboto", sans-serif;
    font-size: 36px;
    font-weight: normal;
    color: #555555;
    margin-top: 0px;
}

#jahiaErrorContent .whoops-content .errorList li {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
}

#jahiaErrorContent .whoops-content .errorList li a:hover{
    color: #13294b;
}

/*tablet*/
@media screen and (max-width: 1023.5px){

    #jahiaErrorContent .error-actions{
        max-width: 680px;
        margin-top: 45px;
    }

    #jahiaErrorContent .error-actions h1{
        font-size: 45px;
    }

    #jahiaErrorContent .whoops-content {
        right: 0%;
        width: 63%;
    }

    #jahiaErrorContent .whoops-content .errorP {
        font-size: 36px;
        margin-top: 15px;
    }

}

/*smartphone*/
@media screen and (max-width: 767.5px){

    #jahiaErrorContent .error-actions{
        margin: 18px 16px 0px;
    }

    #jahiaErrorContent .error-actions h1{
        font-size: 36px;
    }

    #jahiaErrorContent .whoops-content {
        margin-top: 15px;
    }

    #jahiaErrorContent .whoops-content .errorP {
        font-size: 30px;
        margin-top: 15px;
        margin-top: 0px;
        padding-top: 0px;
    }

}
/*only for override a rule*/
@media screen and (max-width: 768px){
    #jahiaErrorContent .whoops-content {
        margin-top: unset;
    }
}

/*LTP-2039*/

.headerCalendar .notAvailableDate{
    background-image: none;
    cursor: default !important;
    pointer-events: none;
}

.headerCalendar .notAvailableDate a{
    color: #756969 !important;
    font-weight: normal !important;
}

.headerCalendar .notAvailableDate.ui-datepicker-week-end a{
    font-weight: bold !important;
}

/*END LTP-2039*/

/*Start LTP-1982*/

li.membership-menu a.membership-menu-link{
    display: flex;
    align-items: center;
    align-content: center;
    width: 100%;
}

li.membership-menu a.membership-menu-link .renew-alert-badge{
    height: 20px;
    width: 20px;
    display: flex;
    align-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: 5%;
    border-radius: 50%;
}

@media screen and (max-width: 767px){
    li.membership-menu a.membership-menu-link{
        display: flex !important;
    }
}

/*END LTP-1982*/

/*START LTP-2158*/
#carouselB5TopTen .topCardHeader{
    margin-bottom: 15px;
    text-align: left;
    color: #141414;
    font-weight: normal;
    font-size: 2em;
    margin-left: 22px;

}

#dashboardWrapper #carouselB5TopTen .inverseNav #heroContainer {
    margin-top: -230px !important;
    margin-bottom: -60px;
}
/*END LTP-2158*/

/*START LTP-2162*/
#profileExistsModal .modal-title{
    font-family: "Roboto Thin", "Roboto", sans-serif;
    font-weight: 250;
    line-height: 1.2;
}
#profileExistsModal .modal-text{
    color: #333333;
    font-family: "ArialMT", "Arial", sans-serif;
    line-height: 23px;
    margin-bottom: 40px;
}

#profileExistsModal .btn-primary{
    margin: 0 auto;
}
/*END LTP-2162*/

/*START LTP-2190*/
#live-search{
    width: 100%;
}

#live-search #input-search{
    display: flex;
    align-content: center;
    margin-bottom: 27px;
    width: 100%;
}

#input-search-input-div{
    position: relative;
    width: 100%;
}

#input-search-icon{
    color: #037cc1;
    position: absolute;
    top: 7px;
    left: 8px;
    font-size: 17px;
}

#input-search-text{
    color: #333333;
    display: flex;
    align-self: center;
    font-family: "Open Sans Light", "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: normal;
    text-align: left;
    width: 180px;
}

#live-search #filter{
    display: inline-block;
    border-color: #d7d7d7;
}

#search-info{
    display: none;
    position: relative;
    width: 100%;
}

#search-text{
    color: #333333;
    font-family: "OpenSans-Regular", "Open Sans", sans-serif;
    font-size: 24px;
    font-weight: normal;
    line-height: normal;
    text-align: left;
    width: 400px
}

#search-back{
    color: #037cc1;
    cursor: pointer;
    font-family: "ArialMT", "Arial", sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    position: absolute;
    right: 0;
    text-align: right;
    top: 10px;
}

#noResultsFAQ{
    align-items: center;
    background-color: #cce5ff;
    border-radius: 10px;
    box-sizing: border-box;
    display: none;
    height: 49px;
    justify-content: center;
    line-height: normal;
    padding: 2px 2px 2px 15px;
    text-align: center;
}

#noResultsFAQ .icon-exclamation-circle{
    margin-right: 10px;
}

#noResultsFAQ span{
    color: #004085;
    font-family: "Open Sans Light", "Open Sans", sans-serif;
    font-weight: 300;
    font-size: 16px;
}

.faq-header span{
    color: #333333;
    font-family: "Open Sans Light", "Open Sans", sans-serif;
    font-size: 26px;
    font-weight: 300;
    line-height: normal;
    text-align: left;
}

.faq-header {
    margin: 30px 0 15px 0;
}

/* Clearable Styles*/
.clearable{
    display: inline-block;
    position: relative;
}

.clearable input[type=text]{
    box-sizing: border-box;
    padding-right: 24px;
    width: 100%;
}

.clearable_clear{
    cursor: pointer;
    display: none;
    font-size: 1.2em;
    font-style: normal;
    font-weight: bold;
    padding: 0 8px;
    position: absolute;
    right:0;
    top:10px;
    user-select: none;
}

.clearable input::-ms-clear {  /* Remove IE default X */
    display: none;
}

/*Tablet styles*/
@media screen and (max-width: 1024px){
    #live-search #input-search {
        display: inline-block;
    }

    #input-search-text{
        margin-bottom: 13px;
    }

    #search-back{
        top: 50px;
    }

    #noResultsFAQ span{
        font-size: 14px;
    }
}

/*Smartphone Styles*/
@media screen and (max-width: 480px){
    #search-back{
        position: static;
        text-align: left;
    }

    #noResultsFAQ span{
        font-size: 12px;
    }

    #noResultsFAQ .icon-exclamation-circle{
        margin-right: 5px;
    }
}
/*END LTP-2190*/

/* LTP-2161 */
.mainContent > .row h2 {
    color: #333333;
    font-weight: normal;
}

#faq-content h2 {
    margin-bottom: 25px;
}

#faq-content .openClose a {
    font-size: 14px;
    color: #037cc1;
    display: flex;
    width: 77px;
    justify-content: end;
    align-items: center;
}

#faq-content .openClose {
    display: flex;
    justify-content: end;
}

#faq-content .accordionNew.ui-accordion h3 {
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    border-left: 0px;
    border-right: 0px;
}

#faq-content .ui-widget-content {
    border-bottom: 1px solid #d7d7d7;
    border-left: 0px;
    border-right: 0px;
    background-color: #fff;
}

#faq-content .accordionNew.ui-accordion h3 {
    font-size: 18px;
}

#faq-content .accordionNew.ui-accordion h3:hover,
#faq-content .accordionNew.ui-accordion h3:not(.collapsed) {
    background: #f2f2f2;
}

#FaqCategories {
    display: flex;
    overflow: auto;
    position: relative;
}

#FaqCategories div p {
    display: inline;
    white-space: nowrap;
}

.leftCat {
    transition: left 0s ease;
    left: 0;
}

.rightCat {
    transition: right 0s ease;
    right: 10px;
}

.leftCat,
.rightCat {
    z-index: 1;
    cursor: pointer;
    position: absolute;
    visibility: hidden;
    width: 35px;
    height: 35px;
    background: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 11px;
    font-size: 28px;
}

#FaqCategories .faq-category{
    color: #037cc1;
    font-size: 16px;
    cursor: pointer;
    padding: 7px 0px 7px 0;
    margin: 10px 20px 12px 0;
}

#FaqCategories .faq-category.active p {
    font-weight: bold;
    color: #555555;
}

.rightRail.affix-top.faq {
    position: relative;
    width: auto !important;
}

.rightRail ul {
    border: inherit;
}

#mainFaqCat {
    position: relative;
}

.Tabs {
    position: relative;
}

.Tabs__presentation-slider {
    visibility: hidden;
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 0%;
    height: 3px;
    background-color: #037cc1;
    transform-origin: 0 0;
    transition: transform .25s;
}

@media screen and (max-width: 767px) {
    .rightRail.faq {
        display: none;
    }
}
/* END LTP-2161 */

/* START LTP-1977 */

@media screen and (min-width: 1023.5px) {
    #postloginBs5Nav #navbar #ll-desktop-nav > li:hover >a{
        background-color: #cdcdcd4f;
        border-radius: 10%;

    }
    #postloginBs5Nav #navbar #ll-desktop-nav > li{
        border-bottom: #cccccc 1px solid; /* LTP-2228 */

    }
    #postloginBs5Nav #navbar #ll-desktop-nav > li > a{
        color: #7f7f7f !important;
        margin-bottom: 2px;
    }

    #postloginBs5Nav #navbar #ll-desktop-nav > li.selected {
        border-bottom: #037cc1 2px solid;
    }
    #postloginBs5Nav #navbar #ll-desktop-nav > li.selected > a{
        color: #037cc1 !important;
        font-weight: bold;
    }
}

/* END LTP-1977 */

/* LTP-2058 */
#insuranceModal .modal-header span,
#insuranceModal .modal-header button{
    color: #fff;
    font-size: 24px;
    font-family: "Roboto Thin", "Roboto", sans-serif;
    text-shadow: none;
    opacity: 1;
}

#insuranceModal .modal-header {
    padding: 0.6rem 1rem;
}

#insuranceModal .tripProtection {
    font-weight: normal;
    text-transform: initial;
    margin: 30px 0 15px 0;
}

#insuranceModal .cancelTrip {
    color: #037cc1;
}

#insuranceModal .tripOptions {
    text-align: center;
    margin-bottom: 5px;
}

.insOffer #addIns {
    background-color: #fff;
}

.insOffer #addIns h2 {
    color: #64A508;

}

.isnCont {
    background: #fff;
    border: 1px solid #d9d9d9;
    padding: 35px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
    margin: 0 0 20px;
}

.recapTable > .row.inscDisc {
    background: #fff;
    padding: 0;
}
/* END LTP-2058 */

/* LTP-2219 */
.modal-v2 {
    background-color: rgba(0, 0, 0, 0.70);
    /*font-family: Helvetica Neue;*/
    font-size: 14px;
}

.modal-v2-close-icon{
    border-radius: 8px;
    padding: 8px;
    position: absolute;
    right: 16px;
    top: 16px;
}

.modal-v2-close-icon:hover{
    background-color: rgba(255,255,255,0.3);
}

.modal-v2 .modal-body{
    padding: 24px 20px;
}

.modal-v2 .modal-body.modal-login-body{
    border-radius: 10px;
}

.modal-v2 .modal-body {
    padding: 20px;
}

.modal-login-container {
    padding: 20px 35px 20px 20px;
}

.modal-v2 .modal-footer{
    padding: 0 20px 35px;
}

.modal-v2 form input,
.modal-v2 input,
.modal-v2 select{
    border-color: #d7d7d7;
}

.modal-v2 .modal-content {
    border-radius: 10px;
}

.modal-pad {
    padding: 0 1.5rem;
}

.modal-v2 .modal-header {
    background-color: #fff;
    border-bottom: 0;
    padding: 1.5rem 1.5rem;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.modal-v2 .modal-header span {
    color: #333333;
    font-size: 32px;
    font-family: "Roboto Thin", "Roboto", sans-serif;
}

.modal-v2-header{
    font-weight: 700 !important;
    font-size: 24px  !important;
}

.modal-v2 .modal-header .close {
    color: #555555;
    font-family: "Roboto Thin", "Roboto", sans-serif;
    text-shadow: none;
    opacity: 1;
    text-shadow: none;
}

.modal-v2 .modal-header .close .icon-close {
    border: 1px solid #d7d7d7;
    border-radius: 25px;
    padding: 10px;
    font-weight: bold;
    font-size: 24px;
}


#new-create-profile {
    border-radius: 8px;
    border: 1px solid #112250;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    background-color: #fff !important;
    text-transform: none;
    height: auto;
    color: #112250;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    padding: 10px 18px;
}

.create-profile-btn-container {
    margin-bottom: 70px;
    position: relative;
    margin-top: 10px;
}

.create-prof {
    background-size: cover;
    background-position: center center;
    min-height: 500px;
    padding: 0 30px;
}

.create-modal-list li,
.create-modal-list p {
    font-size: 14px;
}

.create-modal-list li {
    list-style: initial;
    margin: 5px 0 0 0 !important;
}

.create-modal-list ul {
    margin-left: 10px;
}
.create-modal-list {
    padding: 10px;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
}

.create-modal-img {
    height: 200px;
}

.mb-login {
    margin-bottom: 2rem;
}

.link-v1 {
    color: #0077BE;
    font-size: 14px;
    font-weight: 600;
}


.login-modal-pad {
    padding: 20px;
}

#accountLockedModal .modal-header.locked-header {
    background-color: #a94542;
}

#accountLockedModal .modal-header.locked-header.locked-header span {
    color: #FFF;
}

#accountLockedModal .modal-v2 .modal-header.locked-header .close {
    color: #fff;
}

#accountLockedModal .icon-close.icon-locked {
    border: 1px solid #fff;
    background-color: #fff;
}
#accountLockedModal .modal-header.locked-header.locked-header .closeInsModal span {
    color: #a94542;
}

.btn-reset-pass {
    border-radius: 10px;
    background-color: #747474 !important;
    border-color: #747474;
    margin: 0 auto;
    text-transform: none;
    font-weight: initial;
    height: auto;
    width: auto;
    padding: 6px 30px;
}

.btn-reset-pass:hover{
    border-color: unset;
}

.login-contact-link {
    margin: 0 auto;
}
/* END LTP-2219*/
/* LTP-2225 */
.prelogLinksCont {
    display: flex;
    justify-content: end;
}

.prelogLinksCont .nav-link {
    color: #3764B3!important;
    font-size: 16px;
    font-weight: 400;
}

.prelogLinksCont .nav-link:hover {
    text-decoration: none !important;
}

.prelogLinksCont .nav-link.createProfile {
    color: #112250!important;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #112250;
    padding: 8px 16px;
    margin-left: 8px;
}

#navbar.prelogin {
    top: 0!important;
    display: block;
    border: 0;
    padding: 0;
    background-color: #fff;
    width: auto !important;
    margin-top: 0;
    margin-left: -54px;
}

.prelog-icon {
    font-size: 22px;
    margin-right: 6px;
}

.prelog-icon-contact {
    font-size: 23px;
}

.prelog-user-icon {
    font-size: 20px;
    border: 2px solid #3764B3;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    text-align: center;
}

#langOptions {
    position: absolute;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #d7d7d7;
    padding: 10px 10px 10px 10px;
    display: flex;
    flex-direction: column;
    font-size: 13px;
    font-family: "Roboto-Regular", "Roboto", sans-serif;
    width: 135px;
}

a.lang-link {
    color: #333333;
    padding: 4px 6px;
    width: 100%;
}

a.lang-link:hover {
    background-color: #f2f2f2;
    text-decoration: none;
}

#langMenu {
    cursor: pointer;
    display: flex;
}

.navbar.prelog-back {
    position: sticky;
    top: 0;
    background-color: #ffffff;
    padding: 0 10px;
}



#defaultLogo.prelog-logo,
#defaultLogo2.prelog-logo{
    position: initial;
}

#defaultLogo.prelog-logo {
    width: 120px;
    margin-right: 30px;
}

.modal-v2 .modal-header span.modal-lang-title {
    font-size: 20px;
}

.prelog-icon-contact,
.prelog-icon-sign,
#langOptions {
    display: none;
}

.loginProfile {
    cursor: pointer;
}

.modal-v2-close-icon.login-close{
    color: #FFF;
}

.modal-v2-header.benefits-title {
    color: #FFF;
}

.login-signin-container {
    margin-top: 55px;
}

.modal-v2 .modal-login-remember{
    margin-bottom: 55px;
}

@media screen and (min-width: 767.5px) and (max-width: 991.5px) {
    .prelog-sing-title {
        display: none;
    }
    .prelog-icon-sign {
        display: block;
    }
    .createProfile {
        display: none;
    }
}

@media screen and (max-width: 992px) {
    .modal-v2-header{
        font-size: 18px  !important;
    }
}

@media screen and (max-width: 767.5px) {
    .modal-v2 .modal-login-remember{
        margin-bottom: 24px;
    }
    .noMarginMobile{
        margin-bottom: 0px !important;
    }
    #loginForm .mb-login{
        margin-bottom: 1.1rem;
    }
    #loginProfileModal .create-prof{
        min-height: 406px;
    }
    #loginProfileModal .create-profile-btn-container{
        margin-bottom: 0px;
    }
    .modal-v2 .modal-content {
        overflow: hidden;
    }
    .modal-login-container {
        padding: 20px;
    }
    .modal-v2-close-icon.login-close{
        color: #667085;
    }
    .modal-v2-header.login-header {
        width: 80%;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 25px;
    }
    .prelog-sing-title,
    .prelog-contact-title,
    .prelog-lang-title,
    .selLangTitle,
    .login-signin-container {
        display: none;
    }
    .prelog-icon-sign,
    .prelog-icon-contact {
        display: block;
    }
    .createProfile {
        display: none;
    }
    .prelogLinksCont .nav-link {
        padding: 5px;
    }
    .prelogLinksCont {
        margin-top: 10px;
    }
    #defaultLogo.prelog-logo, #defaultLogo2.prelog-logo {
        width: 100px !important;
    }
    #defaultLogo.prelog-logo {
        margin-right: 20px;
    }
    #navbar.prelogin {
        margin-bottom: 10px;
    }
    .create-prof {
        margin-top: 1rem;
        padding: 20px;
    }
    .login-modal-border {
        border-right: 0;
    }
    #prelogLangMod .modal-dialog{
        margin: 0px;
        padding: 20px 10px;
    }

    #prelogLangMod .modal-dialog .modal-content{
        border-radius: 0px;
        padding: 15px 19px;
    }

    #prelogLangMod .modal-header{
        padding: unset;
        padding-top: 10px;
    }

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

    #prelogLangMod .modal-body>div{
        padding:0px !important;
    }

    #prelogLangMod .modal-body .row{
        margin: 0px;
    }

    #prelogLangMod .modal-body>div .lang-link{
        padding: 0px;
        height: 45px;
        display: flex;
        align-items: center;
    }
}

/* END LTP-2225*/

/* LTP-2226 */
.footer-title {
    font-weight: 500;
    margin-bottom: 11px;
}

.travel-copy-mob {
    display: none;
}

@media screen and (max-width: 767.5px) {
    .copyright-text {
        font-size: 14px;
    }
}

.main-footer-container::after {
    content: "";
    display: table;
    clear: both;
}

.footerSection{
    width: 300px;
}

#footerLogos{
    float: left;
}

#footerImgsID{
    height: 50px;
    width: 100%;
    margin: 0px;
}

#footerLogos .footerLogo{
    width: 130px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center top;
    display: inline-block;
    padding: 0px;
}

#footerLogos #secondary-logo-footer{
    margin-left: auto;
}

#footerInterestLinks{
    max-width: 600px;
    float: right;
}

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

    #footerInterestLinks{
        width: 50%;
        max-width: 550px;
    }

}

#footerAccreditations{
    float: left;
    clear: left;
    padding-top: 20px;
    margin-bottom: 50px;
}

#footerAccreditations .partners-logos{
    padding-top: 10px;
}


@media screen and (max-width: 767.5px) {
    .footerSection{
        width: 100%;
    }

    #footerLogos{
        padding-top: 15px;
    }

    #footerInterestLinks {
        float: left;
        clear: left;
        width: 100%;
        max-width: unset;
        padding-top: 50px;
    }

    #main-logo-footer{
        margin-left: 0px;
    }

    #footerLogos .footerLogo{
        width: 45%;
        background-position: left top;
    }

    #footerAccreditations{
        margin-top: 40px;
        margin-bottom: 20px;
        border-top: 1px solid #475467;
    }

    .main-footer-container{
        padding: 15px 15px 15px 25px;
    }

}



/* END LTP-2226 */

/*LTP-2209*/
#loveToGo{
    padding-top: 90px;
}

#loveToGo > div {
    background-color: #F4F4F4;
    display: flex;
    justify-content: center;
}

#loveToGo_image{
    margin-right: 0;
    max-width: 600px;
    max-height: 425px;
    position: relative;
    margin-left: 0px;
    padding: 0px;
    overflow: hidden;
    top: -60px;
}

#loveToGo_image img{
    left: 50%;
    position: relative;
    transform: translate(-50%,-50%);
    top: 50%;
}

#loveToGo #loveToGo_content{
    padding: 0 55px;
}

#loveToGo h1 {
    color: #000000;
    display: inline-block;
    font-size: 28px;
    padding-top: 148px;
    text-align: center;
}

#loveToGo p {
    color: #000000;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    margin: 0 auto 36px;
    max-width: 361px;
    text-align: center;
}

#loveToGo #componentInfo{
    max-width: 1233px;
}

#loveToGo #componentInfo a {
    border: 1px solid #112250;
    border-radius: 4.8px;
    color: #112250;
    font-size: 20px;
    font-weight: bold;
    margin: 0 auto 70px;
    padding: 11px 22px;
    text-decoration: none;
    text-transform: capitalize;
    width: fit-content;
}

@media screen and (max-width: 1023.5px) {
    #loveToGo h1 {
        padding-top: 85px;
    }

    #loveToGo #componentInfo{
        padding-left: 37px;
    }

    #loveToGo #loveToGo_content {
        padding: 0px 15px;
        margin: 0px auto;
    }
}

@media screen and (max-width: 767.5px) {
    #loveToGo{
        padding-top: 30px;
    }

    #loveToGo .container-fluid{
        padding: 0 !important;
    }

    #loveToGo #componentInfo{
        width: 100%;
        padding-left: 0px;
    }

    #loveToGo_image{
        margin: 0;
        overflow: hidden;
        top: 0px;
        width: 100%;
        max-width: unset;
        height: 283px;
    }

    #loveToGo_image img{
        width: 100%;
        min-width: 393px;
        min-height: 283px;
    }

    #loveToGo #loveToGo_content{
        margin-top: 16px;
        padding: 0 50px;
    }

    #loveToGo h1{
        padding: 0;
    }

    #loveToGo #componentInfo a{
        margin: 0 auto 45px;
    }
}
/* END LTP-2209*/

/* LTP-2202*/
.btn-createProf {
    text-transform: none;
    border-radius: 10px;
}

.createProf {
    margin-top: 80px;
    margin-bottom: 80px;
}

.stepsProf {
    font-size: 20px;
}

.stepText {
    font-size: 16px;
}

#profileExist.modal-v2 .modal-header span {
    color: #101828;
    font-size: 24px;
    font-weight: 700;
}

.pointer {
    cursor: pointer;
}

#whereIsMembMod.modal-v2 .modal-header {
    padding: 1rem 1rem 0 1rem;
}

.member-text {
    font-size: 18px;
}

.member-text.bold {
    font-weight: bold;
}
/* END LTP-2202*/

/*LTP-2211*/
#localDealsLearnMore {
    margin: 90px auto 45px;
    padding: 0 16px;
}

#localDealsLearnMore #graphic_container {
    width: 50%;
    padding: 0 16px 50px;
    margin-left: auto;
}
#localDealsLearnMore #graphic_container {
    min-height: 400px;
}
#localDealsLearnMore #graphic_container .graphic {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transform: translateY(-55px);
}

#localDealsLearnMore .full-width-container {
    max-width: 1233px;
    position: relative;
    display: flex;
    flex-direction: row;
}
#localDealsLearnMore .full-width-container #componentInfo .link-deals {
    border-radius: 4.8px;
    border: 1px solid #112250;
    background-color: #fff0;
    color: #112250;
    font-weight: bold;
    text-transform: none;
    margin-top: 20px;
    margin-bottom: 12px;
    padding: 11px 22px;
    font-size: 20px;
    text-decoration: none;
}
#localDealsLearnMore .full-width-container h1 {
    color: #000;
    font-size: 28px;
}
#localDealsLearnMore .full-width-container p {
    color: #808080;
    margin-bottom: 0;
}
#localDealsLearnMore .full-width-container p.subheader {
    font-size: 18px;
}

#localDealsLearnMore #componentInfo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 100px 0;
    width: 43%;
}
@media screen and (max-width: 991.5px) {
    #localDealsLearnMore .full-width-container #componentInfo {
        margin: 30px 0;
    }
}
@media screen and (max-width: 767.5px) {
    #localDealsLearnMore #graphic_container {
        padding: 0;
    }
    #localDealsLearnMore {
        margin: 30px auto;
        padding: 0px;
    }
    #localDealsLearnMore .full-width-container {
        flex-direction: column-reverse;
    }
    #localDealsLearnMore .full-width-container h1 {
        text-align: center;
    }
    #localDealsLearnMore .full-width-container #componentInfo {
        align-items: center;
        padding-left: 20px;
        padding-right: 20px;
    }
    #localDealsLearnMore .full-width-container p {
        text-align: center;
    }
    #localDealsLearnMore #graphic_container .graphic {
        height: 400px;
        transform: translateY(0);
        background-size: auto 100%;
        background-position: center center;
    }
    #localDealsLearnMore #componentInfo,
    #localDealsLearnMore #graphic_container {
        width: 100%;
    }
}

/* END LTP-2211*/

/*LTP-2127*/
.alert-renew{
    background-color: #13294b !important;
    font-family: "Roboto", sans-serif;
    color: #ffffff !important;
    text-align: left ;
    line-height: normal;
    border-color: unset;
    border-radius: unset !important;
    padding: 2em;
    display: flex;
    align-items: center;
    justify-content: center;

}
#topMessageContainer{
    margin: unset;
    padding: unset;
    max-width: 100%;
}
.alert-renew p{
    margin: 0 2em 0;
}

#topMessage .btn-close{
    left: unset !important;
}

/* END LTP-2127*/

.typingPhone>div:nth-child(1),
.typingPhone>div:nth-child(2){
    padding-right: 12px;
    padding-left: 0px;
}

.modalMediumWidth .modal-dialog{
    max-width: 500px !important;
}

@media screen and (max-width: 767.5px){
    .typingPhone > div:nth-child(1) {
        padding-right: 0px;
    }

}

#loginProfileModal .modal-dialog{
    max-width: 800px !important;
}

#loginProfileModal .login-close,
#loginProfileModal .login-close .icon-close:hover {
    opacity: unset;
}

#loginProfileModal .modal-body.modal-login-body{
    overflow: hidden;
}

.modal-v2 .modal-dialog{
    width: 95%;
    margin: 0px auto;
}


.reqInfoRight, .reqInfo{
    display: flex;
    justify-content: end;
    margin-top: 18px;
}

.modal-v2 .generalInstruction{
    font-size: 16px !important;
    font-weight: 600 !important;
}

select.form-control:disabled {
    background-color: #e9ecef;
}

/*Homepage Redesign - Buttons*/

.mainBtn{
    display: flex;
    min-width: 195px !important;
    height: 48px;
    align-items: center;
    padding: 0 25px;
    margin: auto;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid #D85E00;
    background: #D85E00 ;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
    font-size: 16px;
    color: #FFFFFF;
    text-transform: unset;
}

.mainBtn:hover, .mainBtn:focus{
    color: #FFFFFF;
    border: 2px solid #b45308;
    background-color: #D85E00;
}

.mainBtn.FullW{
    width: 100%!important;
}

.secondaryBtnLink{
    color: #0077BE;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    margin: 24px auto 0px;
    padding: 10px 10px 5px;
    text-transform: none;
}

.secondaryBtnLink:hover{
    color: #0077BE;
}

.modal-v2 p{
    font-weight: 600;
}

.orMiddle{
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 20px 0;
    padding: 10px;
    font-size: 1.5em;
    color: #333333;
    font-weight: 200;
    text-align: center;
    border-top: none;
}

/* LTP-2392*/

.containerCardFeatures .card h5{
    color: #101828;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 150% */
    overflow-y: hidden;
    height: 33px;
    overflow: hidden;
    min-height: 33px;
}
.containerCardFeatures .card p{
    color: #666666;
    width: 100%;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    height: 100%;
    overflow-y: hidden;
}
.containerCardFeatures .card .card-body{
    display: flex;
    padding: 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    height: max-content;
    overflow-y: hidden;
}
.containerCardFeatures .card .card-img-top{
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    border-radius: 15px 15px 0px 0px;
}
.containerCardFeatures .card{
    display: flex;
    height: 470px;
    max-width: 22rem;
    margin: auto;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
    border-radius: 16px;
    border: 1px solid #EAECF0;
    background: #FFF;
    box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
}

#featuresComponentCarousel{
    margin: 0 auto;
    padding: 45px 20px;
}

@media screen and (min-width: 767.5px) and (max-width: 1199.5px){

    #featuresComponentCarousel{
        max-width: 100%;
    }

}

@media screen and (max-width: 767.5px){
    #featuresComponentCarousel{
        padding-bottom: 30px;
        padding-top: 30px;
    }
}

#featuresComponentCarousel.carouselB5CardsDestinations .card-img-top{
    height: 245px;
    min-height: 245px;
}
/* LTP-2445*/
#featuresComponentCarouselContainer{
    padding: 45px 0 45px;
    width: 100%;
    background-color: #F9F9F9;
}

#featuresComponentCarouselContainer .containerCardFeatures .card h5{
    height: 33px;
    overflow: hidden;
}

#featuresComponentCarousel .topCardHeader{
    color: #101010;
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 129.5%;
    letter-spacing: -0.72px;
    margin: 0px auto 35px;
    width: 70%;
}
#featuresComponentCarousel.carouselB5CardsDestinations .bt5CarouselNavButtons{
    margin-bottom:15px;
}


#featuresComponentCarousel.carouselB5CardsDestinations .carousel-indicators [data-bs-slide-to]{
    border: 2px solid #A8A8A8;
    background-color: #A8A8A8;
    width:8px;
    height:8px;
    border-radius:50%;
}

#featuresComponentCarousel.carouselB5CardsDestinations .carousel-indicators .active{
    background-color: #3764B3;
    border: 2px solid #3764B3;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

#topDestinationsComponent{
    margin: 0 auto;
    padding: 45px 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#topDestinationsComponent h2{
    color: #242424;
    text-align: center;
    font-size: 36px;
    font-style: normal;
    line-height: 120%;
    margin: 0 0 30px;
}
.topDestinationTile .DName{
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 10px;
}
.topDestinationTile{
    width: 179px;
    height: 160px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    border-radius: 8px;
    background-position: center center !important;
    background-size: auto 100% !important;
}
#topDestinationsContainer{
    max-width: 1220px;
    width: 100%;
}

#featuresComponentCarousel.carouselB5CardsDestinations .card-img-top,
#featuresComponentCarousel.carouselB5CardsDestinations .card-title{
    cursor: default;
}

#featuresCarouselIndicators .carousel-item.active .row{
    justify-content: center;
}

#topDestinationsContainer #topDestinationsTileContainer {
    display: grid;
    grid-column-gap: 5px;
    grid-row-gap: 30px;
    justify-items: center;
}

#topDestinationsContainer #topDestinationsTileContainer {
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: 1fr;
}

@media screen and (max-width: 1100.5px) {

    #topDestinationsContainer #topDestinationsTileContainer {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, 1fr);
    }

    #featuresComponentCarousel .topCardHeader{
        font-size: 28px;
        letter-spacing: -0.56px;
        width: 100%;
        max-width: 615px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .topDestinationTile{
        width: 233px;
    }

    #topDestinationsComponent h2 {
        font-size: 28px;
    }
}

@media screen and (max-width: 767.5px) {
    .topDestinationTile {
        max-width: 340px;
        height: 201px;
        width: 90%;
        background-size: cover !important;
    }

    #topDestinationsContainer #topDestinationsTileContainer {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(6, 1fr);
    }

    #topDestinationsComponent{
        padding: 30px 0;
    }

}

/*LTP-2227 START*/

@media screen and (min-width: 480.5px) and (max-width: 767.5px) {
    #dashboardWrapper .homepage-hero {
        padding-top: 210px !important;
    }
}

@media screen and (min-width: 767.5px) and (max-width: 991.5px) {
    #dashboardWrapper .homepage-hero {
        padding-top: 225px !important;
    }
}

@media screen and (min-width: 991.5px) and (max-width: 994.5px) {
    #dashboardWrapper .homepage-hero {
        padding-top: 200px !important;
    }
}

/*LTP-2227 end*/

/* START LTP-2343-Logos Standardization */
#logoHeaderLink .logo1{
    height: 40px;
    left: 12px;
    position: absolute;
    top: 10px;
    width: auto;
}

#logoHeaderLink .logo2{
    height: 40px;
    left: 150px;
    position: absolute;
    top: 11px;
    width: auto;
}

@media screen and (max-width: 768.5px) {
    #logoHeaderLink .logo1, #logoHeaderLink .logo2{
        height: 34px;
    }
}

@media screen and (max-width: 355.5px) {
    #logoHeaderLink .logo1{
        height: 26px;
    }

    #logoHeaderLink .logo2{
        height: 26px;
        left: 110px;
    }
}
/* END LTP-2343-Logos Standardization */
/*LTP-2239 START*/
.outage-container {
    position: relative;
    background-color: #e9f0ff;
    text-align: center;
    padding: 20px;
    font-size: 16px;
    color: #333333;
    z-index: 100;
    display: flex;
}
.outage-container p {
    margin-bottom: 0;
    width: 100%;
}

.outage-container:empty {
    display: none;
}

#close-outage {
    color: #5f646f;
    font-size: 20px;
}

/*LTP-2239 end*/
/*LTP-2468 start*/
#desk-div {
    display: flex;
    top: 20px;
    right: 10px;
    position: absolute;
    z-index: 1000;
}

#desk-div div {
    margin: 2px;
    line-height: 2px;
}

#loyal_name {
    font-family: "Lato-Regular", "Lato", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    font-size: 14px;
    text-transform: capitalize;
}

#loyal_pt {
    font-family: "Lato-Regular", "Lato", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 11px;
    color: #128A14;
    text-align: left;
}

#tab-div {
    top: 14px;
    right: 68px;
    position: absolute;
    z-index: 1000;
    display: flex;
}

#tab-div div {
    margin: 2px;
    line-height: 15px;
}

@media screen and (max-width: 479px) {
    .mobile_div {
        display: inline !important;
    }

    #desk-div {
        display:none
    }

    .tablet_div {
        display:none
    }
}

@media screen and (min-width: 480px) and (max-device-width: 1024px){
    .tablet_div {
        display: inline !important;
    }

    #desk-div {
        display:none
    }

    .mobile_div {
        display:none
    }

    .ll-account-profile {
        display: block !important;
    }
}

@media screen  and (min-width: 480px) and (max-width: 767px){
    .ll-mobile-menu-icon {
        margin-top: -25px;
    }

    #account-menu2 {
        top: 50px !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .ll-account-profile {
        position: initial !important;
    }

    #account-menu2 {
        top: 50px !important;
    }

    #ll-desktop-nav {
        display:none;
    }
}


/*LTP-2468 end*/
/*LTP-2470 start*/
@media screen and (max-width: 479px) {
    #heroCityList {
        border-top-left-radius: 5px !important;
        border-top-right-radius: 5px !important;
        border-bottom-left-radius: 0px !important;
    }

    #ll-search-button {
        border-bottom-right-radius: 5px !important;
        border-bottom-left-radius: 5px !important;
        border-top-right-radius: 0px !important;
    }
}
@media screen and (min-width: 480px) and (max-device-width: 1024px){
.tab8 {
    display: flex;
    flex-direction: column;
    width: 60%;
    border-right: 1px solid black;
}

.tab4 {
    width: 40%;
    margin-left: 0px !important;
}

.tab12 {
    width: 100%;
    margin-top: -5px;
}

#heroCityList {
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

#heroCity {
    min-height: 54px !important;
}

#heroCityList #heroCity, #dp1454960643546 {
    border-top-right-radius: 5px !important;
}

#ll-search-wrapper {
    padding-bottom: 5px;
}

#ll-search-button {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
    #ll-search-wrapper {
        padding-bottom: 5px !important;
    }

    #heroCity {
        min-height: 60px !important;
    }
}
/*LTP-2470 end*/
/*LTP-2556 start */
@media only screen and (min-width: 480px) {
    .ll-hero-image {
        background-position: right;
    }
}
.headlineCopy h1 {
    color: var(--Theme-White, #FFF) !important;
    text-align: center;
    font-family: "Helvetica Neue";
    font-size: 64px;
    font-style: normal;
    font-weight: 500;
    line-height: 47px;
    text-shadow: none;
}
.headlineCopy h3 {
    color: var(--Theme-White, #FFF) !important;
    text-align: center;
    font-family: "Helvetica Neue";
    font-size: 31px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    text-shadow: none;
}

@media screen and (max-width: 479px) {
    .headlineCopy h3 {
        font-size: 30px;
        width: 380px;
    }
}

/*LTP-2556 end */

/*LTP-2127 start */
#lapsed_div {
    position: relative;
    left: -600px;
    top: -40px;
    width: 3800px !important;
    height: 70px;
    background-color: rgba(19, 41, 75, 1);
}

#lapsed_div_content {
    margin-left: 119.5px;
    position: absolute;
}


#lapsed_sect {
    width: 1006px;
    height: 70px;
    display: flex;
    font-size: 14px;
    color: #FFFFFF;
    text-align: left;
    font-family: "ArialMT", "Arial", sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
}

#lapsed_sect .text {
    margin-left: 440px;
    position: absolute;
    padding: 20px 75px 2px 35px;
    width: 100%;
}

#cannot_renew_div {
    position: relative;
    left: -600px;
    top: -10px;
    width: 3800px !important;
    height: 70px;
    background-color: rgba(19, 41, 75, 1);
}

#lapsed_sect .text2 {
    margin-left: 635px;
    position: absolute;
    padding: 20px 75px 2px 35px;
    width: 100%;
}

@media screen and (max-width: 479px) {
    #cannot_renew_div {
        left: 0px !important;
        top:  0px !important;
        height: 121px;
    }

    #lapsed_sect .text2 {
        margin-left: -120px;
        padding: 28px 0px 2px 35px;
        width: 33%;
    }

    #lapsed_div {
        height: 120px;
    }

    #lapsed_sect .text {
        margin-left: 480px;
        padding: 30px 75px 2px 35px;
        width: 40%;
    }
}

@media screen  and (min-width: 480px) and (max-width: 767px){
    #cannot_renew_div {
        top:  225px;
        height: 300px;
    }

    #lapsed_sect .text2 {
        margin-left: 480px;
        padding: 15px 75px 2px 35px;
        width: 60%;
    }

    #lapsed_div {
        height: 100px;
    }

    #lapsed_sect .text {
        margin-left: 470px;
        padding: 28px 75px 2px 35px;
        width: 60%;
    }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #cannot_renew_div {
        top:  225px;
        height: 300px;
    }

    #lapsed_sect .text2 {
        margin-left: 510px;
        padding: 23px 75px 2px 35px;
        width: 77%;
    }

    #lapsed_div {
        height: 100px;
    }

    #lapsed_sect .text {
        margin-left: 470px;
        padding: 35px 75px 2px 35px;
        width: 65%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
    #lapsed_sect .text2 {
        margin-left: 630px;
        padding: 18px 75px 2px 35px;
        width: 77%;
    }

    #lapsed_div {
        height: 100px;
    }

    #lapsed_sect .text {
        margin-left: 470px;
        padding: 35px 75px 2px 35px;
        width: 65%;
    }
}
/*LTP-2127 end */