body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}
code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
@font-face{font-family:Centra No2;font-style:normal;font-weight:400;src:url(/static/media/CentraNo2-Book.566fe8420b2dfc02069e.ttf),format("truetype");src:local("CentraNo2"),url(/static/media/CentraNo2-Book.3df85b52b23ecfa4ef83.otf),format("opentype")}
@font-face{font-family:Centra No2;font-weight:700;src:url(/static/media/CentraNo2-Bold.8762218802f3c06b5771.ttf),format("truetype");src:local("CentraNo2"),url(/static/media/CentraNo2-Bold.d69609aa4f3853ba0f16.otf),format("opentype")}
@font-face{font-family:Centra No2 Medium;font-style:normal;font-weight:400;src:url(/static/media/CentraNo2-Medium.7e78acb9dc2820737005.ttf),format("truetype");src:local("CentraNo2"),url(/static/media/CentraNo2-Medium.59b7dc1cee7de72104e1.otf),format("opentype")}
.App{font-family-font-family:"Centra No2 Medium","Centra No2","Helvetica Neue",Arial,"Lucida Grande",sans-serif;font-family-font-weight:600;background-color:#fff;color:#343b53;font-family:Centra No2,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif h1,h2,h3,h4,h5;font-size:16px;padding-bottom:12px;padding-top:12px;text-align:center;white-space:pre-line}
.App h1{font-size:32px}
.App h3{font-size:24px;font-weight:600}
.App h4{font-size:20px;font-weight:500}
.App .focusOn a:focus,.App .focusOn button:focus,.App .focusOn input:focus,.App .focusOn select:focus,.App .focusOn textarea:focus{outline:5px auto -webkit-focus-ring-color}
.App .link,.App a,.App a:link,.App a:visited{color:#3662d8}
.App .font-12{font-size:12px !important}
.App .disclaimerText{font-size:10px;line-height:12px}
.App .disclaimerText a{text-decoration:underline}
.App--vn{font-family:Arial,sans-serif !important}
.App--vn h1,.App--vn h2,.App--vn h3,.App--vn h4,.App--vn h5{font-family:Arial,sans-serif !important;font-weight:500}
.App:not(.focusOn) button:focus,.App:not(.focusOn) input:focus,.App:not(.focusOn) select:focus,.App:not(.focusOn) textarea:focus{outline:none !important}
p{margin:12px 0}
.lty-maxWidth{margin:auto;max-width:992px}
.lty-grey-background{background-color:#eff3f7}
.lty-font-14{font-size:14px !important}
.lty-font-600{font-size:16px;font-weight:600 !important}
.lty-grid-col-2{grid-template-columns:auto auto;padding:24px 12px}
.lty-grid-col-2,.lty-grid-col-3{grid-column-gap:36px;display:grid}
.lty-grid-col-3{grid-template-columns:auto auto auto;padding:36px 48px}
.lty-grid-item{box-sizing:border-box;flex-direction:row;margin:0;max-width:none}
.lty-padding-lr-24{padding:0 24px}
@media screen and (max-width:768px){.App{font-size:14px}
.App h1{font-size:24px}
.lty-grid-col-2{grid-column-gap:36px;grid-template-columns:auto}
.lty-grid-col-3{grid-row-gap:24px;grid-template-columns:auto;padding:36px 24px}
}
.undetline{text-decoration:underline !important}
.faqLink a{color:#3662d8 !important;text-decoration:none}
.faqLink{list-style:none}
.faqLink a:hover{text-decoration:underline}
.App li.faqLink a:focus{outline:1px solid #005fcc !important}
.modalRoot{background:#fff;border:0;border-radius:0;bottom:2.5em;color:#465280;font-size:1em;left:50%;margin-right:-50%;max-height:42em;max-width:26em;overflow:auto;padding:0;position:absolute;right:auto;top:4.5em;-webkit-transform:translate(-50%);transform:translate(-50%);width:100%}
@media only screen and (max-width:30.688em){.modalRoot{bottom:0;height:100%;max-height:100%;top:3.5em;width:99%}
}
.modalHeader{align-items:center;border-bottom:1px solid #ededed;display:flex;margin:0;position:relative;width:100%}
.modalHeader .closeBtn{align-items:center;background-color:#fff;color:#3662d8;display:flex;font-size:1.125em;height:45px;left:6px;margin-top:0;width:45px}
.modalHeader h1{color:#001959;display:inline-block;font-size:1em;margin:0;padding:1em 0}
.modalHeader .vipIcon{float:right;margin-top:.70588235em;width:1.9375em}
.modalBody{font-size:.875em;padding:1.25em 24px}
.modalBody ul{display:block;list-style-type:disc;margin:0;padding:.938em}
.modalBody ul li{justify-content:space-between;padding-bottom:12px}
.modalBody li:first-of-type .key,.modalBody li:first-of-type .val{font-weight:700}
.modalBody a{color:#3662d8;font-size:1em;font-weight:500;width:100%}
.modalBody a:hover{text-decoration:underline}
.icon-close:after{content:none;display:none}
.auth-hero-container{background-image:url(https://a.travel-assets.com/travel-assets-manager/loyalty-rewards/hero-img.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:425px;position:relative;width:100%}
.auth-hero-container .lty-auth-header-container{bottom:0;color:#fff;left:50%;margin-bottom:48px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%}
.badge-img{max-width:61.5px;padding-left:12px}
.lty-auth-header{max-width:207.48px}
.lty-auth-header-content{font-size:16px;font-weight:400;line-height:24px;margin:16px 0 12px;padding:0}
.lty-auth-header-points{font-weight:500}
.lty-auth-header-currency{font-size:42px;font-weight:800;line-height:44px;margin:0;padding:0}
.lty-auth-header-pending-currency{font-size:20px;font-weight:400;line-height:24px;margin:8px}
.test{width:61.5px}
.iconButton{background-color:transparent;border:0;border-radius:0;padding:0}
@media screen and (max-width:375px){.auth-hero-container{background-position:-300px -160px;background-size:950px;height:346px}
.lty-auth-header{max-width:163.6px}
}
.lty-member-badge{border-radius:40000px;font-size:12px;font-weight:500;line-height:24px;margin:auto}
.sm-badge{height:24px;padding:0 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}
.lg-badge{font-size:16px;height:34.32px;line-height:31px;width:61.5px}
.lty-blue-badge{background:#3662d8;color:#fff}
.lty-silver-badge{background:#d0d0d2;color:#343b53}
.lty-gold-badge{background:#ebb62c;color:#343b53}
.display-inline{display:inline-block}
.orderList{-webkit-padding-start:.938em;list-style-type:none !important;padding-inline-start:.938em}
.orderList li{padding-bottom:12px}
.usePointsModal{text-decoration:underline}
.sublink{margin-top:20px}
.sublink a,.sublink span{text-decoration:underline}
.lty-plan-trip-button{background-color:#3662d8 !important;border:0;border-radius:8px;font-size:16px;height:36px;left:0;letter-spacing:0;line-height:20px;padding:8px 16px;text-align:center;top:0;width:179px}
a.lty-plan-trip-button{color:#fff}
.tripModal{text-decoration:underline}
.App div.blueBtn-new{display:inline-block;margin:10px 0}
.App div.blueBtn-new a{background:#3662d8 !important;border-radius:8px;color:#fff !important;display:block;font-size:16px;font-weight:500;line-height:0;padding:20px 16px;text-decoration:none}
.App div.blueBtn-new a:hover{background-color:#114fab !important}
.App div.blueBtn-new a:focus,.App div.blueBtn-new a:focus-visible{outline:.313rem auto #3662d8 !important;outline-offset:2px}
button{border:0;border-radius:8px;font-family:Centra No2,Helvetica Neue,Arial,Lucida Grande,sans-serif;font-weight:400;padding:8px 16px}
div.whiteBtn a{background-color:#fff;border:.0625em solid #c7c7c7;border-radius:10px;color:#3662d8;display:inline-block;margin-top:12px;padding:10px 16px;vertical-align:middle}
div.whiteBtn a:hover{background-color:#ecf4fd !important;border:.0625em solid #c7c7c7;color:#3662d8 !important;text-decoration:none}
div.whiteBtn a:active,div.whiteBtn a:visited{background-color:#e0ecff;border:.0625em solid #c7c7c7;color:#3662d8 !important}
button.blueBtn{background-color:#3662d8 !important;border:0;color:#fff}
button.blueBtn:hover{background-color:#538ef8 !important;border:0;color:#fff !important}
button.blueBtn:active,button.blueBtn:visited{background-color:#0744b2 !important;border:0;color:#fff !important}
button.blueBtn a{color:#fff !important}
button.erBtn{display:block;font-size:1em;height:auto;margin:1.125em auto 0;text-align:center}
button.textBtn{margin:0}
button.textBtn,button.textBtn:hover{background-color:transparent !important;border:0;color:#3662d8;font-size:.75em;font-weight:400;padding:.025em}
button.textBtn:hover{text-decoration:underline}
span.textBtn{background-color:transparent !important;border:0;color:#3662d8;cursor:pointer;font-size:16px;font-weight:400;margin:0;padding:.025em}
@media screen and (max-width:768px){span.textBtn{font-size:14px}
}
.lty-benefit-overview-container{padding-top:48px}
.tripButtonContainer{margin:auto;max-width:825px}
.lty-benefit-property-access-container{margin:50px auto auto;max-width:700px}
.lty-benefit-property-access-container a{text-decoration:underline}
.claimLink{display:block;font-size:1em;font-weight:500;margin-top:1.5em;text-align:right;width:100%}
.lty-listParagraph{margin-top:0;text-align:left}
.lty-listParagraph a{text-decoration:underline}
.mdContainer{margin-top:60px}
.lty-benefits-container{margin-top:68px;padding-bottom:12px}
.lty-benefits-list-container{margin:auto;max-width:700px}
.lty-benefit-list-container-item{grid-column-gap:12px;display:flex;display:grid;flex-flow:column wrap;grid-template-columns:auto auto;justify-content:flex-start;margin:0;width:100%}
.lty-benefits-button{margin-bottom:24px;margin-top:24px}
.lty-benefit-rewards-headline.benefit-reward-heading{font-size:24px;font-weight:600}
.lty-member-header{font-size:16px !important;font-weight:600 !important}
.lty-member-body{font-size:14px}
.lty-member-body a{text-decoration:underline !important}
.benefitsModal ul{display:block;list-style-type:none;margin:0;padding:0 0 .938em;width:100%}
.benefitsModal ul li{align-items:center;border-bottom:.0625em solid #ededed;border-top:.0625em solid #ededed;display:flex;padding:12px 0}
.benefitsModal .benefitsCol{display:inline-block;padding-right:12px;text-align:left;width:65%}
.benefitsModal .benefitsTier{display:inline-block;margin:.25em auto;text-align:center;width:11%}
.benefitsModal .isBenefit:before{content:" available";font-size:2.3em}
.benefitsModal .isBenefit{border-radius:50%;color:transparent;height:16px;margin:.25em auto;width:16px}
.benefitsModal .tierHeader{text-align:right}
.benefitsModal .tierHeader ul{padding:0}
.benefitsModal .tierHeader ul li{border:0;margin:.25em auto;padding-top:0}
.benefitsModal .blueStatus{background-color:#3662d8}
.benefitsModal .silverStatus{background-color:#d0d0d2}
.benefitsModal .goldStatus{background-color:#ebb62c}
@media(max-width:400px){.benefitsModal .benefitsCol{width:61%}
.benefitsModal .benefitsTier{width:13%}
}
.containerExpRewards{margin-top:72px;max-width:900px}
.containerExpRewards .containerExpRewardsHeading{font-size:24px;font-weight:600}
.lty-progress-overview-container{padding-top:48px}
.elementListIcon{margin-bottom:12px;max-height:26px}
.tripElementsContainer{margin-top:32px;padding-bottom:48px}
.tripElementsContainer p{margin-top:0}
.lty-trip-elements-container{grid-column-gap:120px;grid-row-gap:24px;display:grid;grid-template-columns:auto auto auto;margin:auto;max-width:700px;padding:24px 0}
.lty-trip-container-item{align-items:center;box-sizing:border-box;display:flex;flex-flow:column wrap;grid-template-rows:auto auto;justify-content:flex-start;margin:0;width:155px}
.lty-trip-item{box-sizing:border-box;flex-direction:row;margin:0;max-width:none}
@media(max-width:768px){.lty-trip-elements-container{grid-column-gap:12px;grid-template-columns:auto auto;margin:auto;max-width:328px;padding:12px}
}
.lty-tab-text{font-family:inherit;text-transform:none}
.lty-tabs{display:flex;flex:1 1 auto;padding-left:11px;padding-top:11px;white-space:nowrap;width:100%}
.lty-tab,.lty-tabs{justify-content:center;min-height:48px;overflow:hidden;position:relative}
.lty-tab{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-appearance:none;appearance:none;background-color:transparent;border:0;border-radius:0;box-sizing:border-box;color:rgba(0,0,0,.6);cursor:pointer;display:inline-flex;flex-direction:column;flex-shrink:0;font-family:inherit;font-size:.875rem;font-weight:500;letter-spacing:.02857em;line-height:1.25;margin:0;max-width:360px;min-width:90px;outline:0;padding:12px 16px;text-align:center;text-decoration:none;text-transform:none !important;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:normal}
.lty-tabs-container{padding:1px 1px 0}
.lty-tabs button.lty-tab:focus{outline:1px solid #1976d2 !important}
.lty-tab:active{color:#1976d2}
.Mui-selected.lty-tab{border-bottom:3px solid #1976d2 !important;color:#1976d2 !important;text-transform:none}
.ctaText{font-size:12px;padding-right:4px}
.secondaryCtaContainer{display:flex;justify-content:center}
.secondaryCtaContainer a{text-decoration:underline}
.App span.joinButton{display:inline-block;margin:10px 0}
.App span.joinButton a{background:#3662d8 !important;border-radius:8px;color:#fff !important;font-size:16px;font-weight:500;height:36px;left:0;line-height:0;padding:8px 16px;text-decoration:none;top:0}
.App span.joinButton a:hover{background-color:#114fab !important}
.App span.joinButton a:focus{outline:.313rem auto #3662d8 !important;outline-offset:2px}
.heroContainer{margin:0 auto 24px;max-width:700px;padding:24px}
.heroContainer .unAuthHeader{font-size:24px}
.rewardsLogo{margin-bottom:12px;max-width:268px}
.unAuthHeader{font-size:24px;font-weight:600;line-height:28px;margin-bottom:24px;margin-top:12px}
@media screen and (max-width:768px){.unAuthHeader{margin-top:12px}
.heroContainer{margin:auto}
}
.outroContainer{font-size:14px;margin:auto;max-width:327px}
.lty-rewardFeaturesContainer{background:#f8f5f4;padding:12px}
.lty-rewardFeaturesContainer h3{margin-top:8px}
.rewardsIcon{height:32px;width:32px}
.memberPriceImgContainer{border-radius:10px;margin:auto;max-height:298.29px;max-width:700px;overflow:hidden}
.container .memberPriceHeading{font-size:24px}
.memberPricesImg{margin-top:-100px;width:100%}
@media screen and (max-width:375px){.memberPricesImg{margin-top:0;width:100%}
}
.tripElmtHeroContainer{border-radius:10px;margin:auto;max-height:298.29px;max-width:700px;overflow:hidden}
.tripElmtImg{margin-top:-150px;width:100%}
@media screen and (max-width:375px){.tripElmtImg{margin-top:0;width:100%}
}
.tripTextBtn{font-size:16px;padding:0}
.tripTextBtn:hover{text-decoration:underline}
.subHeader{margin-bottom:16px}
.subHeader .benefitsModal,.subHeader .tripModal{text-decoration:underline}
.heroImagesSection{margin:auto;max-width:700px;padding:0 24px}
.heroImagesSection .container{margin-top:68px}
.heroImagesSection .container a{text-decoration:underline}
.banner{background-color:#0c0e1c;border-radius:1em;display:flex;font-size:16px;margin:0 auto .75em;max-width:1176px;padding:.75em;width:97%}
.banner-flex{-webkit-padding-before:.25em;-webkit-padding-after:.25em;align-items:center;display:flex;gap:.5em;padding-block-end:.25em;padding-block-start:.25em;padding-bottom:.25em;padding-top:.25em}
.banner-icon{-webkit-margin-start:1em;-webkit-margin-end:1.5em;align-items:center;display:inline-flex;inline-size:1.5em;justify-content:center;margin-inline-end:1.5em;margin-inline-start:1em;min-inline-size:1.5em;position:relative}
.banner-icon svg{fill:#fff;block-size:1.5em;inline-size:1.5em}
.banner-content{font-size:.875em;line-height:18px;text-align:left}
.banner-content p{color:#fff;margin:0}
.banner-content a{-webkit-margin-before:.5em;color:#fff;cursor:pointer;display:block;margin-block-start:.5em;text-decoration:underline}
.banner-content a:link{color:#fff}