*,
*:before,
*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
  
/*COMMUN STYLES*/
/*.fv5.loyalty-landing a:focus{outline: thin dotted;}*/
.fv5.loyalty-landing {clear: both; overflow: hidden; max-width: 1920px; margin: auto;}
.fv5.loyalty-landing .btn-trans{font-size: 18px; line-height: 18px; font-weight:normal; padding: 15px 40px; display: inline-block;text-align: center;color: #000;clear: both;border-radius: 3px;cursor: pointer;background-color: transparent;text-transform: uppercase;}
.fv5.loyalty-landing .btn-trans.blue{color: #fff;background-color: #0171ad;text-decoration:none;margin-top:20px;}
.fv5.loyalty-landing .btn-trans.blue:hover{background-color: #075782; color:#fff;}
.fv5.loyalty-landing .btn-trans.black{color:#fff; background-color:#2C3038; text-decoration:none; margin-top:17px; letter-spacing:0.3px; height:40px; width:150px; font-size:16px; line-height:16px; padding:12.5px 35px; font-weight:normal; border-radius: 0;}
.fv5.loyalty-landing .btn-trans.black:hover{background-color:#5a5a5a; color:#fff; text-decoration:underline;}
.fv5.loyalty-landing .btn-trans.black:focus{background-color:#5a5a5a; color:#fff; text-decoration:underline; border:2px solid #2C3038 !important;}
.fv5.loyalty-landing .btn-trans.white{color: #31343a;background-color: #fff;text-decoration:none; float: right;height: 40px; width: 130px;font-size: 16px; line-height: 16px; padding: 12.5px 30px;letter-spacing: 0.3px; margin: 4px 0 0; border-radius: 0;}
.fv5.loyalty-landing .btn-trans.white:hover{background-color:#f3f3f3; color:#2C3038; text-decoration:underline;}


/*STICKY BANNER */
.fv5.loyalty-landing .stickyBanner {visibility:hidden; width:100%;height:80px; background-color:#2C3038; overflow:hidden; position: fixed; top:-80px; transition: 0.5s;z-index:1;}
.fv5.loyalty-landing .stickyBanner .bodyCenterContent{max-width:1280px; margin: auto;}
.fv5.loyalty-landing .stickyBanner .bannerCopy{padding:15px 0; overflow:hidden;}
.fv5.loyalty-landing .stickyBanner h4{color:#fff; font-size:24px; line-height:28px; font-weight:normal; margin:10px 0;}
.fv5.loyalty-landing .showsm {display:none;}
.fv5.loyalty-landing .hidesm {display:block;}

@media only screen and (max-width: 1024px) {
  .fv5.loyalty-landing .stickyBanner h4{font-size:20px;}
}

@media only screen and (max-width:640px) {
  .fv5.loyalty-landing .stickyBanner {height:47px;}
  .fv5.loyalty-landing .stickyBanner .bannerCopy{padding:7px 0 6px;}
  .fv5.loyalty-landing .stickyBanner span{position:absolute;display: inline-block;padding:4px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);border: 1px solid #fff;border-width: 0px 1px 1px 0px;top:18px;right:16.71px;}
  .fv5.loyalty-landing .stickyBanner h4{font-size:14px; line-height:16px; font-weight:normal; text-align:center; margin: 0; letter-spacing: .49px}
  .fv5.loyalty-landing .stickyBanner p{font-size:14px; line-height:16px; font-weight:100; text-align:center; color:#fff; letter-spacing: -.28px}
  .fv5.loyalty-landing .hidesm {display:none;}
  .fv5.loyalty-landing .showsm {display:block;}
}

/*HERO BANNER */
.fv5.loyalty-landing .heroBanner {position:relative; height: auto;}
.fv5.loyalty-landing .heroBanner .heroBannerbg{clear:both!important;background:url(/wcsstore/HPStorefrontAssetStore/img/loyalty/loyatlty_herobanner_img1.jpg) no-repeat 60% 50%; height:600px; background-size: cover;}
.fv5.loyalty-landing .heroBanner .bodyCenterContent{max-width:1730px;text-align:left; overflow:visible;margin: auto;}
.fv5.loyalty-landing .heroBanner .bannerCopy{position: absolute; top:0;  width: 590px; padding:227px 20px 0 30px; background-color: transparent;}
.fv5.loyalty-landing .heroBanner h2{color:#000; font-size:52px; line-height: 60px; font-weight:normal; text-align:left; margin:0 0 27px 0; height: 60px; width: 525px;}
.fv5.loyalty-landing .heroBanner p{color:#000; font-size:24px; line-height: 30px; font-weight:100; text-align:left; margin:0; height: 70px; width:542px; padding:0; display:block;}

@media only screen and (max-width: 1279px) {
  .fv5.loyalty-landing .heroBanner .bannerCopy{padding:35px 20px 0 30px;}
}

@media only screen and (max-width: 1024px) {
  .fv5.loyalty-landing .heroBanner .bannerCopy{width: 500px;}
  .fv5.loyalty-landing .heroBanner h2{font-size:42px;}
  .fv5.loyalty-landing .heroBanner p{font-size:20px; }
}

@media only screen and (max-width:640px) {
 .fv5.loyalty-landing .heroBanner .heroBannerbg{clear:both!important;background:url(/wcsstore/HPStorefrontAssetStore/img/loyalty/loyatlty_herobanner_img1_mb.jpg) no-repeat 60% 50%; height:245px; background-size: cover;}  
 .fv5.loyalty-landing .heroBanner .bodyCenterContent{text-align:center;padding:0;}
 .fv5.loyalty-landing .heroBanner .bannerCopy{position:relative; width:100%; padding:0;}
 .fv5.loyalty-landing .heroBanner .btn-trans{font-size:16px;line-height:18px; width:172px; letter-spacing:0.3px; height:40px;margin:20px auto 0; font-weight:normal; padding:10px 40px;}
 .fv5.loyalty-landing .heroBanner h2{font-size:24px; line-height:28px; font-weight:normal; padding:20px 41px 0;height: auto; width: 100%; text-align: center;margin: 0;}
 .fv5.loyalty-landing .heroBanner p{font-size:16px; line-height:25px; font-weight:100; padding:12px 12px 0; text-align:center; width:100%;}
}


/* STACKABLE GRID */
.fv5.loyalty-landing .stgrid {width:100%; height:auto; margin:0 auto; padding:64px 0; overflow: hidden;}
.fv5.loyalty-landing .stgrid .bodyCenterContent {max-width:1308px; margin: auto;}
.fv5.loyalty-landing .stgrid .sectionHeading {margin:0 auto; padding: 0 0 69px;}
.fv5.loyalty-landing .stgrid .gridContainer {padding:0;}
.fv5.loyalty-landing .stgrid .imageContainer a{max-width:295px; max-height: 295px; padding:32px; margin: auto;background-color: #F3F3F3;}
.fv5.loyalty-landing .stgrid h3 {font-size:36px; line-height:42px; font-weight:normal; color:#2C3038; text-align:center;}
.fv5.loyalty-landing .stgrid h4 {font-size:24px; line-height:28px; font-weight:normal; color:#2C3038; text-align:center; margin:0 auto; padding:28px 0 16px 0;}
.fv5.loyalty-landing .stgrid p {font-size:20px; line-height:30px; font-weight:100; color:#2C3038; text-align:center; margin: 0 auto; width:310px;}
.fv5.loyalty-landing .stgrid a {font-size:16px; line-height:18px; font-weight:normal; color:#0171AD; text-align:center; margin: 0 auto;letter-spacing:0.3px; display:block; text-transform: uppercase; max-width: 100px;}
.fv5.loyalty-landing .stgrid a:hover {text-decoration: underline;}
.fv5.loyalty-landing .stgrid img {display:block; padding:0;text-align:center;margin:0 auto;}
.fv5.loyalty-landing .stgrid sup {font-size: 50%; position: relative; bottom: 6px; vertical-align: super;}
.fv5.loyalty-landing .stgrid .columnbar {border-right:2px solid #000;}
.fv5.loyalty-landing .stgrid .columns{padding: 0;}
.fv5.loyalty-landing .stgrid .columnpad{padding: 0 16px;}
.fv5.loyalty-landing .stgrid .gridContainer a span{position: relative;display: inline-block;padding:4px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);border: 1px solid #0171AD;border-width: 0px 1px 1px 0;top:-1px;left:4px;}
.fv5.loyalty-landing .stgrid a:focus{outline: thin dotted;}
.fv5.loyalty-landing .stgrid .lyTerms {padding:74px 16px 0;}
.fv5.loyalty-landing .stgrid .lyTerms p{font-size:16px; line-height:30px; font-weight:100; text-align: right; width:100%;letter-spacing:0;}
.fv5.loyalty-landing .stgrid .lyTerms a{font-size:16px; line-height:30px; font-weight:normal; text-align: right; color: #000; text-decoration: underline; text-transform: none; display: inline-block; max-width:100%;letter-spacing: 0;}

@media only screen and (max-width: 1024px) {
  .fv5.loyalty-landing .stgrid .gridContainer {padding:32px 0 10px;}
}
@media only screen and (max-width: 640px) {
  .fv5.loyalty-landing .stgrid {height: auto; padding: 48px 0 16px;}
  .fv5.loyalty-landing .stgrid .sectionHeading {padding: 0 20px 0;}
  .fv5.loyalty-landing .stgrid h3 {font-size:24px; line-height:28px; font-weight:normal;}
  .fv5.loyalty-landing .stgrid h4 {font-size:16px; line-height:18px; font-weight:normal;}
  .fv5.loyalty-landing .stgrid p {font-size:16px; line-height:24px; font-weight: 100; padding-bottom: 0px; width:245px;}
  .fv5.loyalty-landing .slickgrid .iconSecWrap h5{font-size:16px!important;line-height:24px!important;}
  .fv5.loyalty-landing .stgrid .columnbar {border-right:none;border-bottom:1px solid #000;width: 239.93px; margin:0 auto;}
  .fv5.loyalty-landing .stgrid .gridContainer {padding:32px 0;}
  .fv5.loyalty-landing .stgrid .lyTerms { padding:32px 12px 32px;}
  .fv5.loyalty-landing .stgrid .lyTerms p, .fv5.loyalty-landing .stgrid .lyTerms a{font-size:14px; text-align:center;}
}

/* SLICK GRID */
.fv5.loyalty-landing .slickgrid * {color:#fff;}
.fv5.loyalty-landing .slickgrid {width:100%; height:auto; margin:0 auto; padding:64px 0 56px; background-color:#5855b1; overflow:hidden;}
.fv5.loyalty-landing .slickgrid .bodyCenterContent {max-width:1280px; margin: auto;}
.fv5.loyalty-landing .slickgrid .sectionHeading {padding: 0 0 40px;}
.fv5.loyalty-landing .slickgrid h3{font-size:36px; line-height:42px; font-weight:normal; text-align:center; margin:0 auto;}
.fv5.loyalty-landing .slickgrid .gridContainer {padding:20px 10% 0; margin: auto;}
.fv5.loyalty-landing .slickgrid img {display:block; padding:0;text-align:center;margin:0 auto;}
.fv5.loyalty-landing .slickgrid sup {font-size: 50%; position: relative; bottom: 6px;vertical-align: super;}
.fv5.loyalty-landing .slickgrid .icons{float:left;width:100%;padding: 0 10px;}
.fv5.loyalty-landing .slickgrid .iconSecWrap {float:left;position:relative;width:100%;padding:0 25px 0;text-align:center;}
.fv5.loyalty-landing .slickgrid .iconSecWrap h4{font-size:24px; line-height:28px;font-weight:normal;text-align:center;max-width:700px;margin:0 auto; padding:30px 0 12px 0;}
.fv5.loyalty-landing .slickgrid .iconSecWrap h5{font-size:20px; line-height:30px;font-weight: 100;text-align:center;max-width:700px;margin:0 auto; padding:0 0 29px 0;}
.fv5.loyalty-landing .slickgrid .iconSecWrap p{font-size:18px;line-height:28px;font-weight:normal; text-align:center; width:100%;padding:28px 0 7px;}
.fv5.loyalty-landing .slickgrid .iconSecWrap p+p{font-weight:100;}
.fv5.loyalty-landing .slickgrid .iconSecWrap span{height: 1px;font-size: 10px;border-bottom:2px solid #FFF;width:25px;margin: 0 auto;display: block;}
.fv5.loyalty-landing .slickgrid .iconSecWrap img{padding:0;text-align:center;margin: 0 auto;}
.fv5.loyalty-landing .slickgrid .iconSecWrap a{text-decoration:underline;font-weight: normal;}
.fv5.loyalty-landing .slickgrid .slick-slide:focus { outline: none; }
.fv5.loyalty-landing .slickgrid .slick-dots li button{outline:none !important;box-shadow:none;}
.fv5.loyalty-landing .slickgrid .slick-dots li button:before{width:10px !important;height:10px !important;top:5px !important;left:5px !important;border-radius:10px;}
.fv5.loyalty-landing .slickgrid .slick-next:focus, .fv5.loyalty-landing .slick-prev:focus{outline:none !important;box-shadow:none;}
.fv5.loyalty-landing .slickgrid .slick-dots li.slick-active button::before{ background-color:#1a176e;}
.fv5.loyalty-landing .slickgrid a:focus{outline: thin dotted;}

@media only screen and (max-width: 640px) {
  .fv5.loyalty-landing .slickgrid {height: auto; padding: 48px 0;}
  .fv5.loyalty-landing .slickgrid .sectionHeading {font-size:24px; line-height:28px; padding: 0 20px 20px;}
  .fv5.loyalty-landing .slickgrid .gridContainer {padding:12px 0 0;}  
  .fv5.loyalty-landing .slickgrid .iconSecWrap {padding:0 15px 0;}  
  .fv5.loyalty-landing .slickgrid .iconSecWrap h3{font-size:16px; line-height:18px;font-weight:normal;text-align:center;max-width:700px;margin:0 auto;padding:20px 0 12px 0;}
  .fv5.loyalty-landing .slickgrid .iconSecWrap h4 {font-size:16px; line-height:24px; font-weight: 100; padding:20px 0 12px 0;}
  .fv5.loyalty-landing .slickgrid .iconSecWrap h5  {font-size:16px; line-height:24px; font-weight: 100; padding:0 0 20px;}
  .fv5.loyalty-landing .slickgrid .iconSecWrap p {font-size:16px; line-height:24px; font-weight:normal; padding:20px 0 10px;}
  .fv5.loyalty-landing .slickgrid .iconSecWrap p+p{padding:18px 0 10px;} 
}

/* ACCORDION */
.fv5.loyalty-landing .accordion {padding:56px 0 193px; overflow:hidden;}
.fv5.loyalty-landing .lyFAQsWrap{float:left;position:relative;width:100%;}
.fv5.loyalty-landing .accordion .bodyCenterContent {max-width:1280px; margin: auto;}
.fv5.loyalty-landing .lyFAQsWrap h4{text-align:center;font-size:36px;line-height:42px;font-weight:normal;padding:0 22px;text-transform:uppercase;}
.fv5.loyalty-landing .lyFAQsWrap p{text-align:center;font-size:20px;line-height:23px;font-weight:100;padding:32px 36.5px 64px 36.5px;max-width: 870px;margin: 0 auto;}
.fv5.loyalty-landing .lyFAQsWrap .lyFAQs{float:left;position:relative;width:calc(100% - 26px);padding:0;border-bottom:1px solid #5a5a5a; margin: 0 13px;}
.fv5.loyalty-landing .lyFAQsWrap .topics{float:left;position:relative;width:100%;font-size:28px;line-height:37px;font-weight:normal;text-transform:capitalize;padding:19.5px 37px 18.5px 33.5px;border-top:1px solid #5A5A5A;cursor:pointer;}
.fv5.loyalty-landing .lyFAQsWrap .topics a{position:absolute;border: 1px solid #000;border-width: 0px 1px 1px 0;display: inline-block;padding:10px;right:42px;}
.fv5.loyalty-landing .lyFAQsWrap .topics a.expanded{-webkit-transform: rotate(225deg);transform: rotate(225deg); margin-top:13px;}
.fv5.loyalty-landing .lyFAQsWrap .topics a.collapsed{-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.fv5.loyalty-landing .lyFAQsWrap .qa_s{float:left;position:relative;width:100%;padding:36px 33.5px 0 33.5px;display:none;}
.fv5.loyalty-landing .lyFAQsWrap .qa_s .ques{font-size:22px;line-height:26px;font-weight:normal;padding:0 0 20px 0;text-align:left;border-bottom:none;}
.fv5.loyalty-landing .lyFAQsWrap .qa_s .ans{font-size:16px;line-height:24px;font-weight:100;padding:0 0 40px 0;text-align:left;border-bottom:none;}
.fv5.loyalty-landing .lyFAQsWrap .qa_s .ans li{list-style-type: disc;list-style-position: inside;}
.fv5.loyalty-landing .lyFAQsWrap .topics a:focus{outline:none!important;}

@media only screen and (max-width:1024px) {
	.fv5.loyalty-landing .accordion{padding: 38px 0 130px 0;}
	.fv5.loyalty-landing .lyFAQsWrap h4{font-size: 24px;line-height: 28px;padding: 0 13px; text-transform: uppercase;}
	.fv5.loyalty-landing .lyFAQsWrap p{font-size: 14px;line-height: 24px;padding: 20px 0 32px 0;margin:0 13px 0 14px;max-width:100%;}
	/*.fv5.loyalty-landing .lyFAQsWrap .lyFAQs{float:left;position:relative;width:100%;padding:0 13px 0 14px;}*/
	.fv5.loyalty-landing .lyFAQsWrap .topics{font-size:16px;line-height:21px;padding:14.5px 16px 14.5px 16px;}
	.fv5.loyalty-landing .lyFAQsWrap .topics a{padding: 6.6px;right: 20px}
	.fv5.loyalty-landing .lyFAQsWrap .topics a.expanded{margin-top:8px;}
	.fv5.loyalty-landing .lyFAQsWrap .qa_s{padding:19.5px 0 0 0;}
	.fv5.loyalty-landing .lyFAQsWrap .qa_s .ques{font-size:16px;line-height:18px;padding:0 0 26px 0;}
	.fv5.loyalty-landing .lyFAQsWrap .qa_s .ans{font-size:14px;line-height:20px;font-weight:normal;padding:0 0 30px 0;}
  .fv5.loyalty-landing .lyFAQsWrap .hdm{display:none;}
}



/*MODAL*/
.loyalty-landing .reveal-modal{z-index:9999999999!important;/*position:fixed;*/}
/*overflow-y:auto;height: 100%;position:fixed;}*/

/*body.modal-open{overflow:hidden!important;position:fixed;}*/
.loyalty-landing .reveal-modal-bg{z-index:999;background:rgba(0, 0, 0, 0.7);}
.loyalty-landing .modalBorder{z-index: 9999;}
.loyalty-landing .reveal-modal.full {padding: 0;background-color: transparent;border: none;box-shadow: none;overflow: visible;}

.loyalty-landing #hpRewardsJoinModal .flex-video{overflow:visible;}
.loyalty-landing #hpRewardsJoinModal .modalInsidePadding{width:500px;padding:32px 71px;margin: 0 auto;background-color: #FFF;overflow: hidden;position: relative;text-align: center;box-shadow:#D6D6D6;border-radius:7px;}
.loyalty-landing #hpRewardsJoinModal .modalInsidePadding .modalJoinRewards{float:left;position:relative;width:100%;}

.loyalty-landing #hpRewardsJoinModal h3{float:left;position:relative;font-size:36px;line-height:42px;font-weight:normal;padding:16px 0 16px 0;color:#000;margin:0;width:100%;}
.loyalty-landing #hpRewardsJoinModal .hello{float:left;position:relative;font-size:14px;line-height:18px;letter-spacing:0.01px;padding:16px 0 3px 0;margin:0;color:#000;text-align:left;/*font-weight:100*/;width:100%;}
.loyalty-landing #hpRewardsJoinModal .uName{float:left;position:relative;font-size:22px;line-height:22px;letter-spacing:0.02px;padding:0;margin:0;color:#000;text-align:left;font-weight:normal;width:100%;}
.loyalty-landing #hpRewardsJoinModal .subTitle{font-size:18px;line-height:28px;/*font-weight:100*/;color:#000;margin:0;padding:0;width:100%;float:left;position:relative;}
.loyalty-landing #hpRewardsJoinModal .ucWrapper{float:left;width:100%;position:relative;padding:32px 0 20px 0;}
.loyalty-landing #hpRewardsJoinModal .chkLyJoin{padding-bottom:20px;}
.loyalty-landing #hpRewardsJoinModal .chkLyJoin label{font-size:14px;line-height:18px;font-weight:100;color:#000;}
.loyalty-landing #hpRewardsJoinModal input[type="checkbox"]{display:none;}
.loyalty-landing #hpRewardsJoinModal input[type="checkbox"]:checked + label span.chkbox{background:url(/wcsstore/HPStorefrontAssetStore/img/loyalty/xo_checkbox_checked.png) no-repeat;}
.loyalty-landing #hpRewardsJoinModal input[type="checkbox"] + label span.chkbox{float:left;width:18px;height:18px;margin:0;vertical-align:middle;background:url(/wcsstore/HPStorefrontAssetStore/img/loyalty/xo_checkbox_unchecked.png) no-repeat;cursor:pointer;}
.loyalty-landing #hpRewardsJoinModal input[type="checkbox"] + label span.chktext{padding-left:10px;font-size:14px;line-height:18px;letter-spacing:0.01px;/*font-weight:100*/;display:table;vertical-align:middle;text-align:left;}
.loyalty-landing #hpRewardsJoinModal input[type="checkbox"] + label span.chktext a{color:#0171AD;text-decoration:none;}
.loyalty-landing #hpRewardsJoinModal input[type="checkbox"] + label span.chktext a:hover,.loyalty-landing #hpRewardsJoinModal input[type="checkbox"] + label span.chktext a:focus{text-decoration:underline;outline:none;color:#075782;}
.loyalty-landing #hpRewardsJoinModal input[type="checkbox"] + label span.chkbox:focus,.loyalty-landing #hpRewardsJoinModal input[type="checkbox"] + label span.chkbox:hover{/*outline:none;*/box-shadow:none;}
.loyalty-landing #hpRewardsJoinModal input[type="checkbox"]:disabled + label span.chkbox{background:url(/wcsstore/HPStorefrontAssetStore/img/loyalty/xo_checkbox_unchecked.png) no-repeat;cursor:not-allowed;}
.loyalty-landing #hpRewardsJoinModal input[type="checkbox"]:disabled + label span.chktext{color:#aaa;}
.loyalty-landing #hpRewardsJoinModal .pgmDesc{float:left;position:relative;font-size:14px;line-height:18px;letter-spacing:0.01px;padding:0 0 8px 0;margin:0;color:#000;text-align:left;/*font-weight:100*/;width:100%;}
.loyalty-landing #hpRewardsJoinModal .pgmDesc a{color:#0171AD;text-decoration:none;}
.loyalty-landing #hpRewardsJoinModal .pgmDesc a:hover,.loyalty-landing #hpRewardsJoinModal .pgmDesc a:focus{color:#075782;text-decoration:underline;outline:none;}

.loyalty-landing #hpRewardsJoinModal .modalInsidePadding .buttoncontWrap{float:left;position:relative;width:100%;}
.loyalty-landing #hpRewardsJoinModal .modalInsidePadding .buttoncont{float:left;position:relative;cursor:pointer;width:100%;font-size:16px;line-height:16px;font-weight:normal;letter-spacing:0.03px;text-transform:uppercase;background-color:#2C3038;color:#FFF;padding:11px 0;text-align: center;border:1px solid #2C3038;}
.loyalty-landing #hpRewardsJoinModal .modalInsidePadding .buttoncont:hover{background-color:#5A5A5A !important; text-decoration:underline !important; border-color:#5A5A5A !important;}
.loyalty-landing #hpRewardsJoinModal .modalInsidePadding .buttoncont:focus{background-color:#5A5A5A !important; text-decoration:underline !important; border:2px solid #2C3038 !important;}
.loyalty-landing #hpRewardsJoinModal .modalInsidePadding .buttoncont.sec{background-color:transparent;color:#2C3038;border:1px solid #2C3038;}
.loyalty-landing #hpRewardsJoinModal .modalInsidePadding .buttoncont.sec:hover{background-color:#E6E6E6 !important;text-decoration:underline !important;}
.loyalty-landing #hpRewardsJoinModal .modalInsidePadding .buttoncont.sec:focus{background-color:#E6E6E6 !important;text-decoration:underline !important;border:2px solid #2C3038 !important;}
.loyalty-landing #hpRewardsJoinModal .modalInsidePadding .buttoncont.disabled,.loyalty-landing #hpRewardsJoinModal .modalInsidePadding .buttoncont.disabled:hover,.loyalty-landing #hpRewardsJoinModal .modalInsidePadding .buttoncont.disabled:focus{cursor:not-allowed;background-color:#B7B8B8 !important; text-decoration:none !important; border-color:#B7B8B8 !important; pointer-events: none;}

.loyalty-landing #hpRewardsJoinModal .modalInsidePadding .buttoncont.sec.disabled,.loyalty-landing #hpRewardsJoinModal .modalInsidePadding .buttoncont.sec.disabled:hover,.loyalty-landing #hpRewardsJoinModal .modalInsidePadding .buttoncont.sec.disabled:focus{cursor:not-allowed;background-color:transparent !important; text-decoration:none !important;color:#B7B8B8 !important;border-color:#B7B8B8 !important; pointer-events: none;}
.loyalty-landing #hpRewardsJoinModal .modalInsidePadding .buttoncontWrap p{font-size:16px;line-height:18px;letter-spacing:0.02px;/*font-weight:100*/;text-align:left;width:100%;padding:0;margin:0;color:#000;padding: 24px 0 12px 0;float:left;position:relative;}

.loyalty-landing #hpRewardsJoinModal .modalInsidePadding .regUser.buttoncont{margin-top:24px;}
.loyalty-landing #hpRewardsJoinModal .modalInsidePadding .keepLearning{font-size:16px;line-height:30px;font-weight:normal;color:#0171AD;text-transform:uppercase;margin-top:32px;width:100%;float:left;}
.loyalty-landing #hpRewardsJoinModal .modalInsidePadding .keepLearning:hover,.loyalty-landing #hpRewardsJoinModal .modalInsidePadding .keepLearning:focus{color:#075782;text-decoration:underline;outline:none;}
.loyalty-landing .reveal-modal .close-reveal-modal img{top:16px;right:16px;}
.loyalty-landing #hpRewardsJoinModal .modalInsidePadding #rewardsIcon:focus,.loyalty-landing #hpRewardsJoinModal .modalInsidePadding #rewardsIcon:hover{outline:none;box-shadow:none;}

@media only screen and (max-width:800px) {
  .loyalty-landing .reveal-modal.full {width:92%;left:44%;}
  .loyalty-landing #hpRewardsJoinModal .modalInsidePadding{width:100%;max-width:500px;padding:40px;}
}

@media only screen and (max-width:640px) {
  .loyalty-landing #hpRewardsJoinModal .modalInsidePadding{max-width:296px;padding:28px 12px;}
  .loyalty-landing #hpRewardsJoinModal h3 {font-size: 23px;line-height: 27px;padding: 8px 0 17px 0;}
  .loyalty-landing #hpRewardsJoinModal .hello{padding:12px 0 5px 0;}
  .loyalty-landing #hpRewardsJoinModal .uName{font-size:20px;line-height:20px;letter-spacing:0.02px;}
  .loyalty-landing #hpRewardsJoinModal .subTitle{font-size:14px;line-height:20px;padding-top:9px;}
  .loyalty-landing #hpRewardsJoinModal .ucWrapper{padding:28px 0 12px 0;}
  .loyalty-landing #hpRewardsJoinModal input[type="checkbox"] + label span.chktext{text-align:left;font-size:14px;line-height:20px;letter-spacing:0.01px;}
  .loyalty-landing #hpRewardsJoinModal .modalInsidePadding .buttoncontWrap p{padding-top:20px;font-size:14px;line-height:18px;letter-spacing:0.01px;text-align:center;}
  .loyalty-landing #hpRewardsJoinModal .modalInsidePadding .buttoncont{width: 100%;}
  .loyalty-landing #hpRewardsJoinModal .modalInsidePadding .keepLearning{margin-top:28px;}
  .loyalty-landing #hpRewardsJoinModal .modalInsidePadding .regUser.buttoncont{margin-top:20px;}
}