@import url(https://cdn.fonts.net/kit/5e2b0300-0197-11ed-a01a-02d848b7f97a/5e2b0300-0197-11ed-a01a-02d848b7f97a.css);@import url(https://cdn.fonts.net/kit/5e2b0300-0197-11ed-a01a-02d848b7f97a/5e2b0300-0197-11ed-a01a-02d848b7f97a.css);@media screen and (max-width:992px){.show-in-pc{display:none}
.show-in-mob{display:block}
}
@media screen and (min-width:992px){.show-in-pc{display:block}
.show-in-mob{display:none}
}
.youtube-video-iframe{padding:0 0 56.25%;position:relative;display:block;height:0}
.youtube-video-iframe iframe{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
.richtext ul{list-style:disc}
.arrows-red-carousel-left{position:relative;height:35px;width:35px}
.arrows-red-carousel-left:before{content:"";position:absolute;top:0;left:0;width:35px;height:35px;background-image:url("clientlib-common-site/resources/icons/arrows-red-carousel-left.svg");background-size:100%}
.arrows-red-carousel-right{position:relative;height:35px;width:35px}
.arrows-red-carousel-right:before{content:"";position:absolute;top:0;left:0;width:35px;height:35px;background-image:url("clientlib-common-site/resources/icons/arrows-red-carousel-right.svg");background-size:100%}
.button-content-next-arrow{position:relative;height:44px;width:30px}
.button-content-next-arrow:before{content:"";position:absolute;top:0;left:0;width:44px;height:30px;background-image:url("clientlib-common-site/resources/icons/button-content-next-arrow.svg");background-size:100%}
.button-content-prev-arrow{position:relative;height:44px;width:30px}
.button-content-prev-arrow:before{content:"";position:absolute;top:0;left:0;width:44px;height:30px;background-image:url("clientlib-common-site/resources/icons/button-content-prev-arrow.svg");background-size:100%}
.detect-location{position:relative;height:25px;width:25px}
.detect-location:before{content:"";position:absolute;top:0;left:0;width:25px;height:25px;background-image:url("clientlib-common-site/resources/icons/detect-location.svg");background-size:100%}
.graphics-caltex-station{position:relative;height:25px;width:25px}
.graphics-caltex-station:before{content:"";position:absolute;top:0;left:0;width:25px;height:25px;background-image:url("clientlib-common-site/resources/icons/graphics-caltex-station.svg");background-size:100%}
.graphics-coolant{position:relative;height:25px;width:25px}
.graphics-coolant:before{content:"";position:absolute;top:0;left:0;width:25px;height:25px;background-image:url("clientlib-common-site/resources/icons/graphics-coolant.svg");background-size:100%}
.graphics-lubricants{position:relative;height:25px;width:25px}
.graphics-lubricants:before{content:"";position:absolute;top:0;left:0;width:25px;height:25px;background-image:url("clientlib-common-site/resources/icons/graphics-lubricants.svg");background-size:100%}
.graphics-service-groom{position:relative;height:25px;width:25px}
.graphics-service-groom:before{content:"";position:absolute;top:0;left:0;width:25px;height:25px;background-image:url("clientlib-common-site/resources/icons/graphics-service-groom.svg");background-size:100%}
.star-half{position:relative;height:15px;width:15px}
.star-half:before{content:"";position:absolute;top:0;left:0;width:15px;height:15px;background-image:url("clientlib-common-site/resources/icons/star-half.svg");background-size:100%}
@font-face{font-family:"icomoon";src:url("clientlib-common-site/resources/fonts/b2c-icomoon/icomoon.eot?tbxgto");src:url("clientlib-common-site/resources/fonts/b2c-icomoon/icomoon.eot?tbxgto#iefix") format("embedded-opentype"),url("clientlib-common-site/resources/fonts/b2c-icomoon/icomoon.ttf?tbxgto") format("truetype"),url("clientlib-common-site/resources/fonts/b2c-icomoon/icomoon.woff?tbxgto") format("woff"),url("clientlib-common-site/resources/fonts/b2c-icomoon/icomoon.svg?tbxgto#icomoon") format("svg");font-weight:normal;font-style:normal;font-display:block}
[class^=icon-],[class*=" icon-"]{font-family:"icomoon" !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-filter-applied:before{content:"";color:#e62f46}
.icon-position:before{content:"";color:#e62f46}
.icon-chevron-right:before{content:"";color:#e62f46}
.icon-star:before{content:""}
.icon-corner:before{content:"";color:#e62f46}
.icon-play-video:before{content:"";color:#fff}
.icon-arrows-carousel-right:before{content:"";color:#fff}
.icon-arrows-carousel-left:before{content:"";color:#fff}
.icon-account:before{content:""}
.icon-chevron-down:before{content:""}
.icon-chevron-up:before{content:""}
.icon-close-menu:before{content:""}
.icon-hamburger:before{content:""}
.icon-nav-search:before{content:""}
.golf-cart:before{content:"";color:#19516c}
.bus:before{content:"";color:#19516c}
.car-cng:before{content:"";color:#19516c}
.truck:before{content:"";color:#19516c}
.car-convertible:before{content:"";color:#19516c}
.motorcycle-4:before{content:"";color:#19516c}
.car-havoline-diesel:before{content:"";color:#19516c}
.motorcycle-2:before{content:"";color:#19516c}
.car-eco:before{content:"";color:#19516c}
.car-havoline-hybrid:before{content:"";color:#19516c}
.car-lpg:before{content:"";color:#19516c}
.car-havoline:before{content:"";color:#19516c}
.pick-up:before{content:"";color:#19516c}
.motorcycle-3:before{content:"";color:#19516c}
.motorcycle-1:before{content:"";color:#19516c}
.suv-1:before{content:"";color:#19516c}
.van:before{content:"";color:#19516c}
.icon-regular-clock:before{content:"";color:#19516c}
.icon-external-link:before{content:"";color:#e62f46}
.icon-graphics-email:before{content:"";color:#19516c}
.icon-graphics-phone:before{content:"";color:#19516c}
.icon-graphics-website:before{content:"";color:#19516c}
.icon-download:before{content:"";color:#e62f46}
.icon-close-textbox .path1:before{content:"";color:#e6e6e6}
.icon-close-textbox .path2:before{content:"";margin-left:-1em;color:#19516c}
.icon-quotes:before{content:"";color:#e62f46}
.loyalty-page .bottom-margin{margin-bottom:100px}
.loyalty-page .clndr label{font-size:28px}
.loyalty-page #create-online-account .toggle-eye{padding-top:0;line-height:normal;top:15px}
.loyalty-page .country-code-s{position:relative}
.loyalty-page #create-online-account .imp-pass .img-text{padding-top:0;padding-bottom:0}
.loyalty-page #create-online-account input{margin:0}
.loyalty-page #create-online-account .icon-arrow-down{right:5px;cursor:pointer}
.loyalty-page .ly-POS-login label.error{font-family:"ITCFranklinGothicStd-DmCd",Helvetica,Arial,sans-serif;font-size:15px}
.loyalty-page #online-account-mobile-opt .align-counter{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;font-size:15px !important;font-family:"ITCFranklinGothicStd-Book",Helvetica,Arial,sans-serif}
.loyalty-page .create-online-mobile-otp .resend-txt,.loyalty-page .create-account-otp-email .ly-pre-opt-resent-email{font-weight:500;cursor:pointer}
.loyalty-page .create-online-mobile-otp{display:none}
.loyalty-page .create-account-otp-email{display:none}
.loyalty-page .hide-image{display:none}
.loyalty-page .email-password-wrapper{display:none}
.loyalty-page .email-password-wrapper .lbl{font-size:28px}
.loyalty-page .email-otp{border-radius:0 !important}
.loyalty-page .create-account-wrapper .change-text{margin-top:15px}
@media(min-width:320px)and (max-width:1024px){.loyalty-page .registration-img,.loyalty-page .mobile-otp-img,.loyalty-page .email-password-img,.loyalty-page .email-otp-img{display:none}
}
@media screen and (max-width:1024px){.loyalty-page .create-account-wrapper .checbox-form .check-text p{padding-top:0 !important}
.loyalty-page .create-account-wrapper .clndr label{font-size:15px !important}
.loyalty-page .create-account-wrapper .change-text{margin-top:0 !important}
.loyalty-page .create-account-wrapper .mandatory-text{padding-top:0 !important}
}
.loyalty-page .create-online-mobile-otp #online-account-mobile-opt .mobile-no{padding-top:16px !important}
@media screen and (max-width:600px){.loyalty-page .reg-left.ly-reg.create-account-otp-email{padding-left:0 !important;padding-right:0 !important}
.loyalty-page #create-online-account input{margin:0;font-size:16px}
}
.loyalty-page .email-password-wrapper #email:focus,.loyalty-page .email-password-wrapper #password-field:focus,.loyalty-page .email-password-wrapper #password-field1:focus{border:solid 1px #ccc !important;outline:0}
.loyalty-page .invalid-opt-error{font-size:15px !important;font-family:"ITCFranklinGothicStd-DmCd",Helvetica,Arial,sans-serif,Lato,"Helvetica Neue",Arial,Helvetica,sans-serif;width:100%;padding-top:5px}
.loyalty-page .ly-POS-login h2{margin-top:0 !important}
.loyalty-page .ly-POS-login-images{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
@media only screen and (max-width:767px){.loyalty-page .form-username-container select,.loyalty-page .form-username-container-register select{font-size:16px !important}
.loyalty-page .form-username-container-register .icon-arrow-down{top:18px !important}
}
@media only screen and (min-width:768px)and (max-width:991px){.loyalty-page .form-username-container-register .icon-arrow-down{top:18px !important}
}
@media only screen and (min-width:1023px)and (max-width:1100px){.loyalty-page #login .reg-mobile-number>.row{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
}
.loyalty-page input[name=EmailAddress]{color:#666 !important;font-weight:300 !important}
.loyalty-page input[name=Password],.loyalty-page input[name=password],.loyalty-page input[name=confirmPassword]{padding-right:35px !important;color:#666 !important;font-weight:300 !important}
.loyalty-page #user-email-address{font-family:"ITCFranklinGothicStd-Book",Helvetica,Arial,sans-serif;font-weight:400}
.loyalty-page .check-text a{font-size:15px;line-height:22px;font-weight:400;color:#e62f46 !important;font-family:"ITCFranklinGothicStd-Book",Helvetica,Arial,sans-serif}
.loyalty-page .change-text{font-size:17px !important;line-height:22px;font-weight:400;margin-bottom:0;font-family:"ITCFranklinGothicStd-Book",Helvetica,Arial,sans-serif}
.loyalty-page .check-text>p{font-family:"ITCFranklinGothicStd-Book",Helvetica,Arial,sans-serif !important}
.loyalty-page .create-account-wrapper .change-text{font-family:"ITCFranklinGothicStd-Book",Helvetica,Arial,sans-serif;font-size:15px !important}
.loyalty-page #ly-dob{font-family:ITC Franklin Gothic Std;font-weight:normal;font-size:15px;line-height:22px}
.loyalty-page .toggle-eye{background:#fff;padding:12px 20px 12px 20px;top:2px;right:2px;display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.loyalty-page .line-break-md{display:none}
.loyalty-page .line-break-sm{display:none}
@media(min-width:992px){.loyalty-page .line-break-md{display:block}
}
@media(min-width:768px)and (max-width:991px){.loyalty-page .line-break-sm{display:block}
}
@media(min-width:1024px)and (max-width:1100px){.loyalty-page .ly-POS-login,.loyalty-page .ly-POS-login-images{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;width:auto;float:left}
}
.loyalty-page .ly-POS-login h2{font-weight:500 !important;letter-spacing:.005em}
@media only screen and (max-width:767px){.loyalty-page #online-account-mobile-opt .align-counter{padding-top:10px !important}
.loyalty-page .email-password-wrapper h2{padding-bottom:10px !important}
.loyalty-page .create-online-account-container{padding-left:0 !important;padding-right:0 !important}
}
.loyalty-page .create-online-account-container .email-password-wrapper .lbl{padding-bottom:10px}
.loyalty-page .create-account-wrapper .clndr label{padding-bottom:10px}
@media only screen and (max-width:1024px){.loyalty-page #online-account-mobile-opt #nameGroup-error{width:100%}
}
@media only screen and (min-width:768px)and (max-width:1024px){.loyalty-page .ly-POS-login h5{margin-bottom:10px !important}
}
@media only screen and (min-width:768px)and (max-width:991px){.loyalty-page .create-online-account-container{padding:0 10px !important;margin-top:25px}
}
@media only screen and (min-width:992px)and (max-width:1199px){.loyalty-page .create-online-account-container .ly-POS-login{float:left}
}
@media only screen and (max-width:1199px){.loyalty-page #online-account-mobile-opt .resend-otp .resend-txt{line-height:0}
}
@media only screen and (min-width:768px)and (max-width:1199px){.loyalty-page .create-online-account-container .imp-pass .img-text{padding:5px 12px}
}
.loyalty-page .checbox-form input[type=checkbox]{border-color:transparent !important}
.loyalty-page #create-online-account #mobile input{border:none !important;padding-left:25px}
.loyalty-page #create-online-account #mobile select{width:60px;padding-left:20px}
@media only screen and (max-width:991px){.loyalty-page .create-account-wrapper .change-text{padding-top:15px}
}
.loyalty-page body .btn-primary,.loyalty-page .btn-primary{padding:17px 45px 13px !important}
.loyalty-page .mobile-number-otp{font-family:"ITCFranklinGothicStd-Book",Helvetica,Arial,sans-serif;font-weight:400}
.loyalty-page #online-account-mobile-opt .otpErrorBox{border:1px red solid !important}
@media(min-width:768px)and (max-width:1024px){.loyalty-page #cancelOptIn{width:195px !important}
}
@media only screen and (max-width:767px){.loyalty-page #online-account-mobile-opt .align-counter{display:block}
.loyalty-page #online-account-mobile-opt .align-counter span{margin-left:0}
.loyalty-page #online-account-mobile-opt #attempts-mobile-indicator{display:inline}
.loyalty-page #online-account-mobile-opt .resend-otp{display:block}
.loyalty-page #online-account-mobile-opt .resend-otp span{margin-top:15px}
.loyalty-page #create-account-email-otp .attempts-remaining{display:block}
}
.loyalty-page .historyPoint{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:200px}
.loyalty-page .historyPoint .active{color:#e62f46}
.loyalty-page .banner{max-width:1400px;margin:0 auto;min-height:100%;padding:0}
.loyalty-page .title{color:#fff}
.loyalty-page .banner img{max-width:100%;display:block}
.loyalty-page .banner .caption{background:#19516c;padding:1.429em 0;color:#fff;text-transform:uppercase}
.loyalty-page .banner .text{display:block;margin-bottom:.571em;font-size:.786em;font-family:ITCFranklinGothicStdDemi}
.loyalty-page .banner .title{font-size:2.143em;font-family:ITCFranklinGothicStdDemi;text-transform:none}
.loyalty-page .banner .title img{max-width:111px}
@media only screen and (min-width:992px){.loyalty-page .banner{position:relative}
.loyalty-page .banner .image{background-position:center;background-size:cover;height:450px;max-width:1400px}
.loyalty-page .banner .caption{position:absolute;top:2.857em;bottom:2.857em;left:0;right:0;overflow:hidden;background-color:transparent}
.loyalty-page .banner .caption.blue .text,.loyalty-page .banner .caption.blue .title{color:#056881}
.loyalty-page .banner .caption.red .text,.loyalty-page .banner .caption.red .title{color:#e62f46}
.loyalty-page .banner .grid-fluid{display:table;height:100%;width:100%;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;max-width:1180px}
.loyalty-page .banner .desc-banner{display:table-cell;vertical-align:middle}
.loyalty-page .banner .text{max-width:50%;font-size:1.6em;margin-bottom:1.6em}
.loyalty-page .banner .title{font-size:4em;font-family:ITCFranklinGothicStdDemi;line-height:1em;max-width:50%;color:#fff}
.loyalty-page .banner .title img{max-width:100%}
}
@media only screen and (max-width:994px){.loyalty-page .banner .grid-fluid{padding-left:20px;padding-right:20px}
.loyalty-page .banner .title{margin-bottom:0;line-height:1}
}
.loyalty-page .mobile-otp-pwd-wrap,.loyalty-page .success-fp-wrapper,.loyalty-page .error-emal-fp-wrapper,.loyalty-page .change-password-wrapper{display:none;text-align:center}
.loyalty-page #forgotpassword_update_form{padding-top:60px}
.loyalty-page #forgotpassword_update_form .modal-dialog{width:100%}
.loyalty-page #forgotpassword_update_form .modal-content{border-radius:0;padding:60px 112px 60px 112px;margin:10px 7px 10px 7px}
.loyalty-page #forgotpassword_update_form .country-code-select{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;padding-right:15px;margin-left:10px}
.loyalty-page #forgotpassword_update_form .icon-arrow-down{right:15px}
.loyalty-page #forgotpassword_update_form .border-red{border:1px solid red !important}
.loyalty-page #forgotpassword_update_form .fp-btn{text-align:center}
.loyalty-page #forgotpassword_update_form .reg-agree-btn:hover{background-color:#9f091d;border:1px solid #9f091d}
.loyalty-page #forgotpassword_update_form .reg-cancel-btn{height:52.82px}
.loyalty-page #forgotpassword_update_form .reg-cancel-btn:hover{background-color:#b1b1b1;border:1px solid #b1b1b1}
.loyalty-page #forgotpassword_update_form .mobile-star span{color:#e62f46}
.loyalty-page #forgotpassword_update_form .modal-content .verify-nmbr{padding:0}
.loyalty-page #forgotpassword_update_form #ly-dob{text-align:center}
@media only screen and (max-width:600px){.loyalty-page #forgotpassword_update_form #ly-dob{text-align:center;margin-top:7px !important}
}
.loyalty-page #forgotpassword_update_form .calendar.icon{top:-10px}
.loyalty-page #forgotpassword_update_form #emailHelp{padding-bottom:10px}
.loyalty-page #forgotpassword_update_form .password-carectr{padding:0 100px;text-align:center}
.loyalty-page #forgotpassword_update_form .mobile-no input[type=text],.loyalty-page #forgotpassword_update_form input[type=password]{text-align:center}
.loyalty-page #mobile-opt-fp .error{width:100%;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}
.loyalty-page #mobile-opt-fp .mobile-no>div{-ms-flex-wrap:wrap;flex-wrap:wrap}
@media only screen and (min-width:768px)and (max-width:1199px){.loyalty-page #forgotpassword_update_form .modal-content{padding:50px 70px 50px 70px}
.loyalty-page #forgotpassword_update_form .reg-cancel-btn{width:194px;margin-left:15px;margin-top:35px}
.loyalty-page #forgotpassword_update_form .mobile-no input[type=text]{text-align:center}
.loyalty-page #forgotpassword_update_form .imp-pass .img-text{padding:5px}
.loyalty-page #forgotpassword_update_form .password-carectr{padding:0 40px}
}
@media only screen and (max-width:767px){.loyalty-page #forgotpassword_update_form .modal-content{padding:30px 30px 30px 30px}
.loyalty-page #forgotpassword_update_form #mobile input{font-size:16px !important}
.loyalty-page #forgotpassword_update_form .icon-arrow-down{right:8px}
.loyalty-page #forgotpassword_update_form .reg-cancel-btn{height:45px}
.loyalty-page #forgotpassword_update_form .reg-agree-btn{height:45px;width:100%}
.loyalty-page #forgotpassword_update_form{padding-top:0}
.loyalty-page #forgotpassword_update_form .modal-content{padding:25px 30px 25px 30px}
.loyalty-page #forgotpassword_update_form .imp-pass .img-text{padding:5px;max-width:100% !important}
.loyalty-page #forgotpassword_update_form .password-carectr{padding:0 10px 22px 10px;display:block}
.loyalty-page #forgotpassword_update_form .calendar.icon{right:-5px}
.loyalty-page #forgotpassword_update_form select.select-country-code{font-size:16px !important}
}
@media only screen and (max-width:1024px){.loyalty-page #forgotpassword_update_form select.select-country-code{font-size:16px !important}
}
.loyalty-page .disableLink{pointer-events:none}
.loyalty-page .resend-otp{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.loyalty-page .fp_error-emal-fp-wrapper{display:none}
.loyalty-page .align-counter span{padding-top:0;white-space:nowrap}
.loyalty-page .align-counter{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
@media only screen and (max-width:767px){.loyalty-page .align-counter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.loyalty-page .align-counter span{width:100%;margin-left:-15px}
}
.loyalty-page #resend-otp-chNum{padding-left:10px}
.loyalty-page .server-error-msg{text-align:center}
.loyalty-page #forgot-password-form .chevron.right.icon{right:0 !important}
.loyalty-page #forgot-password-form .chevron.left.icon{right:-15px !important;top:-14px !important}
.loyalty-page .change-password-frm input{color:#000 !important}
.loyalty-page .resend-otp{text-decoration:none}
.loyalty-page .resend-otp .resend-txt{text-decoration:underline;cursor:pointer;font-weight:500}
.loyalty-page .invalid-body-form .otp-error-msg.error{padding-top:5px}
@media only screen and (max-width:992px){.loyalty-page .change-password-wrapper .toggle-eye{right:1px;top:1px;height:40px !important;width:45px !important;display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
}
.loyalty-page .toggle-eye{cursor:pointer}
.loyalty-page #forgotpassword_update_form #password-field{text-align:center !important;padding-right:35px !important}
.loyalty-page #forgotpassword_update_form #password-field1{text-align:center !important;padding-right:35px !important}
@media only screen and (max-width:767px){.loyalty-page .change-password-frm #change-password div .form-group{margin-top:0 !important}
}
@media only screen and (max-width:499px){.loyalty-page .mobile-otp-pwd-wrap h1+p span{display:block}
.loyalty-page #forgotpassword_update_form .resend-otp{display:block}
}
.loyalty-page #forgot-password-form select{width:auto;margin-right:2px}
.loyalty-page #forgot-password-form #mobileNumber{border:none !important;text-align:center;padding-right:86px}
@media only screen and (min-width:550px)and (max-width:809px){.loyalty-page .change-password-wrapper{margin-top:35px !important}
}
@media only screen and (min-width:800px)and (max-width:809px){.loyalty-page .modal-body .forgot-pass-wrapper{margin-top:250px !important}
}
.loyalty-page .invalid-number-main .modal-dialog .mobile-otp-pwd-wrap p{font-weight:400 !important}
@media only screen and (max-width:1024px){.loyalty-page #forgotpassword_update_form .country-code-arrow,.loyalty-page #changeNumberNew .country-code-arrow{margin-left:35px}
}
.loyalty-page .ly-center .header-right-top{padding:0}
.loyalty-page .logo-motorist{padding-top:0;display:inline-block}
.loyalty-page .footer{max-width:100%;margin:auto;width:1345px}
@media(max-width:768px){.loyalty-page .footer{padding-right:30px;padding-left:30px}
}
.loyalty-page #login .reg-mobile-number{margin-bottom:0}
@media(min-width:576px){.loyalty-page .container,.loyalty-page .container-sm{padding:0 40px;max-width:100%}
}
@media(min-width:768px){.loyalty-page .container,.loyalty-page .container-md,.loyalty-page .container-sm{max-width:1345px;padding:0 40px}
}
@media(min-width:992px){.loyalty-page .container,.loyalty-page .container-lg,.loyalty-page .container-md,.loyalty-page .container-sm{max-width:1345px;padding:0 30px}
}
@media(min-width:1200px){.loyalty-page .container,.loyalty-page .container-lg,.loyalty-page .container-md,.loyalty-page .container-sm,.loyalty-page .container-xl{max-width:1345px;padding:0 30px}
}
.loyalty-page #ly-pre-sign-in-mobile:focus-visible,.loyalty-page #ly-pre-sign-in-mobile-code:focus-visible{outline:0;border-color:#19516c !important}
.loyalty-page #ly-pre-sign-in-mobile:focus,.loyalty-page #ly-pre-sign-in-mobile-code:focus{border-color:#19516c !important;outline:none !important}
.loyalty-page .margin-image:after{height:86%}
.loyalty-page .verify-otp{margin-left:20px}
@media only screen and (min-width:601px)and (max-width:1024px){.loyalty-page .reward-caltex,.loyalty-page .margin-image{max-width:100%;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;padding:0 !important}
.loyalty-page .margin-image h5{font-size:29px !important;line-height:31px !important;font-weight:500 !important}
.loyalty-page .margin-image:before{font-size:15px !important;line-height:15px !important;top:30px !important;left:0;bottom:unset;right:0;text-align:center}
.loyalty-page .margin-image:after{width:90%;height:.5px;left:0;top:45px;right:0;margin:auto}
}
@media only screen and (min-width:768px)and (max-width:1024px){.loyalty-page .margin-image:before{top:42px !important}
.loyalty-page #ly-reg-mobile{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.loyalty-page .margin-image img{width:100% !important}
.loyalty-page .reward-caltex{padding-left:15px !important}
}
@media(max-width:990px){.loyalty-page .header .page-center{padding:0 40px}
}
@media(max-width:600px){.loyalty-page .margin-image h5{margin-top:80px !important}
}
@media(max-width:767.5px)and (min-width:600px){.loyalty-page .reg-agree-btn{width:100%}
.loyalty-page .reg-right{display:none}
.loyalty-page .reg-cancel-btn{width:100%;margin-left:0;margin-top:20px}
}
@media(max-width:575.5px){.loyalty-page .header .page-center{padding:0 22px}
}
@media(min-width:576px)and (max-width:767.5px){.loyalty-page .progress{width:100% !important}
}
.loyalty-page #reg-datepicker .ui.calendar+.w-100{padding-left:5px !important}
.loyalty-page nav.navbar{margin-bottom:0}
@media(max-width:767px){.loyalty-page nav.navbar{margin-bottom:10px}
}
.loyalty-page label h4,.loyalty-page label h3{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}
.loyalty-page .ui.bottom.left.popup{margin-left:0;border:1px solid rgba(34,36,38,.15)}
.loyalty-page .ui.calendar .ui.table.minute,.loyalty-page .ui.calendar .ui.table.month,.loyalty-page .ui.calendar .ui.table.year{max-width:400px;margin:0 auto;border:0;padding:30px 40px !important}
.loyalty-page .ui.bottom.left.popup:before{top:-6px;width:11px;height:11px}
@media screen and (max-width:1024px){.loyalty-page .reg-left h5{font-size:21px !important}
}
.loyalty-page #ly-modal-popup .modal.fade:not(.show){opacity:1 !important}
.loyalty-page #ly-modal-popup .modal{z-index:9999}
.loyalty-page #ly-modal-popup .modal .modal-content{width:100%}
@media only screen and (min-width:992px)and (max-width:1024px){.loyalty-page .modal.profile-popup-main .modal-body img{margin:0 auto;display:block}
}
@media(max-width:767px){.loyalty-page .profile-popup-main .modal-dialog{max-width:90%;margin:auto}
}
@media(min-width:768px)and (max-width:992px){.loyalty-page .profile-popup-main .modal-dialog img{width:100%}
}
.loyalty-page #failureMaxAttempts .modal-body{padding-top:0}
.loyalty-page #failureMaxAttempts .modal-body h1{margin-top:19px}
.loyalty-page .navigationloyalty .navigation-list{display:none}
.loyalty-page .navigationloyalty .navigation{max-width:1400px;margin:0 auto;min-height:100%}
.loyalty-page .navigation .toggle-btn{display:block;width:100%;background:#e62f46;padding:1.111em 2.222em 1.111em 1.111em;color:#fefefe;position:relative;font-size:1.286em}
.loyalty-page .navigation .toggle-btn:before{width:1pc;height:9px;position:absolute;top:50%;right:20px;margin-top:-5px;background:url(clientlib-common-site/images/icon-arrow-toggle-1.png) no-repeat;background-position:0 0}
.loyalty-page .navigation .navigation-list li{padding:.833em 1.111em;font-size:1.286em}
.loyalty-page .navigation .navigation-list li.active{background-color:#e62f46}
.loyalty-page .navigation .navigation-list li.active a{color:#fefefe}
.loyalty-page .navigation .navigation-list li a{color:#999}
.loyalty-page .navigation .navigation-block.active .toggle-btn:before{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.loyalty-page .navigation .navigation-list:after{clear:both;content:none;display:block;border:red 1px blue}
.loyalty-page .navigation .toggle-btn:before{content:"";width:1pc;height:9px;position:absolute;top:50%;right:20px;margin-top:-5px;background:url(../../../etc/designs/caltex/headlibs/images/icon-arrow-toggle-1.png) no-repeat;background-position:0 0}
@media only screen and (max-width:991px){.loyalty-page .navigation .navigation-list{padding:1.429em 0}
}
@media only screen and (min-width:768px){.loyalty-page .navigation .mega-menu-wrap:after{background:none !important}
.loyalty-page .navigation .mega-menu-wrap{-webkit-box-shadow:0 20px 18px rgba(0,0,0,0) !important;box-shadow:0 20px 18px rgba(0,0,0,0) !important}
}
@media only screen and (min-width:992px){.loyalty-page .navigation .navigation-list li:hover{background-color:#e62f46;-webkit-transition:background-color .3s linear;transition:background-color .3s linear}
.loyalty-page .navigation .navigation-list li:hover a{color:#fefefe}
.loyalty-page .navigation .navigation-list{display:table;width:100%;background:#f0f1f1;border-bottom:1px solid #ddd;table-layout:fixed}
.loyalty-page .navigation .navigation-list li{display:table-cell;vertical-align:middle;padding:0;height:3em;font-size:1.429em;text-align:center;border-left:1px solid #ddd}
.loyalty-page .navigation .navigation-list li a{height:100%;width:100%;display:table;padding:.5em}
.loyalty-page .navigation .navigation-list li a span{display:table-cell;vertical-align:middle}
.loyalty-page .navigation .navigation-list li:first-child{border-left:0}
.loyalty-page .navigation .navigation-list li.active,.loyalty-page .no-touch .navigation .navigation-list li:hover{background-color:#e62f46;-webkit-transition:background-color .3s linear;transition:background-color .3s linear}
.loyalty-page .navigation .navigation-list li.active a,.loyalty-page .no-touch .navigation .navigation-list li:hover a{color:#fefefe}
}
.loyalty-page .ly-dashbord-w100{top:19px !important}
@media only screen and (min-width:768px)and (max-width:1024px){.loyalty-page .ly-dashbord-w100 .bar-text{left:auto !important}
.loyalty-page .ly-dashbord-w100{top:11px !important}
}
.loyalty-page .ly-dashbord-w100 .popup-text p{font-size:15px !important}
.loyalty-page .owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.loyalty-page .owl-carousel .owl-animated-in{z-index:0}
.loyalty-page .owl-carousel .owl-animated-out{z-index:1}
.loyalty-page .owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOut{0{opacity:1}
100%{opacity:0}
}
@keyframes fadeOut{0{opacity:1}
100%{opacity:0}
}
.loyalty-page .owl-height{-webkit-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.loyalty-page .owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}
.loyalty-page .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}
.loyalty-page .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.loyalty-page .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.loyalty-page .owl-carousel .owl-controls .owl-nav .owl-prev,.loyalty-page .owl-carousel .owl-controls .owl-nav .owl-next,.loyalty-page .owl-carousel .owl-controls .owl-dot{cursor:pointer;cursor:hand;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.loyalty-page .owl-carousel.owl-loaded{display:block}
.loyalty-page .owl-carousel.owl-loading{opacity:0;display:block}
.loyalty-page .owl-carousel.owl-hidden{opacity:0}
.loyalty-page .owl-carousel .owl-refresh .owl-item{display:none}
.loyalty-page .owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.loyalty-page .owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}
.loyalty-page .owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}
.loyalty-page .owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}
.loyalty-page .owl-carousel.owl-rtl{direction:rtl}
.loyalty-page .owl-carousel.owl-rtl .owl-item{float:right}
.loyalty-page .no-js .owl-carousel{display:block}
.loyalty-page .owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;transition:opacity 400ms ease}
.loyalty-page .owl-carousel .owl-item img{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.loyalty-page .owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
.loyalty-page .owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url("clientlib-common-site/css/owl.video.play.png") no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;transition:scale 100ms ease}
.loyalty-page .owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}
.loyalty-page .owl-carousel .owl-video-playing .owl-video-tn,.loyalty-page .owl-carousel .owl-video-playing .owl-video-play-icon{display:none}
.loyalty-page .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;-webkit-transition:opacity 400ms ease;transition:opacity 400ms ease}
.loyalty-page .owl-carousel .owl-video-frame{position:relative;z-index:1}
.loyalty-page .owl-theme .owl-controls{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}
.loyalty-page .owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;border-radius:3px}
.loyalty-page .owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}
.loyalty-page .owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}
.loyalty-page .owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}
.loyalty-page .owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;transition:opacity 200ms ease;border-radius:30px}
.loyalty-page .owl-theme .owl-dots .owl-dot.active span,.loyalty-page .owl-theme .owl-dots .owl-dot:hover span{background:#869791}
.loyalty-page .dashboard-alert{top:-55px}
.loyalty-page .wd{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.loyalty-page .popup-text{padding-top:0 !important}
@media screen and (max-width:600px){.loyalty-page .dashboard-alert{top:-40px !important}
.loyalty-page .show{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:left}
.loyalty-page .alert{width:97% !important}
.loyalty-page .wd{padding-right:2px !important;width:62%}
.loyalty-page .wd1{padding-left:0 !important;padding-right:8px !important;width:39%}
.loyalty-page .bar-text{text-align:left !important;padding:28px 0 !important}
.loyalty-page #ly-verify-email-profile{height:46px !important;border-radius:4px !important;margin:0 !important}
}
@media only screen and (min-width:601px)and (max-width:767px){.loyalty-page .dashboard-alert{top:-40px !important}
.loyalty-page .show{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:left}
.loyalty-page .wd1{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0}
.loyalty-page .popup-text{font-size:15px !important;line-height:20px !important}
.loyalty-page #ly-verify-email-profile{margin:0 !important}
}
@media only screen and (min-width:768px)and (max-width:1024px){.loyalty-page .dashboard-alert{top:-8px !important}
.loyalty-page .show{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:left}
.loyalty-page .wd1{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0}
.loyalty-page .popup-text p{font-size:15px !important}
.loyalty-page .show{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}
}
@media only screen and (min-width:768px){.loyalty-page .show{display:-webkit-box;display:-ms-flexbox;display:flex}
.loyalty-page .tab-pane .show{display:block !important}
}
.loyalty-page .popup-text p{color:#fff}
.loyalty-page .tab-content{display:block !important}
.loyalty-page #mobile-changeNumber{padding-top:60px}
.loyalty-page #mobile-changeNumber .modal-dialog{width:100%}
.loyalty-page #mobile-changeNumber .modal-content{border-radius:0;padding:60px 112px 60px 112px;margin:10px 7px 10px 7px}
.loyalty-page #mobile-changeNumber .country-code-select{margin-left:290px;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;padding-right:15px}
.loyalty-page #mobile-changeNumber .icon-arrow-down{right:15px}
.loyalty-page #mobile-changeNumber .border-red{border:1px solid red !important}
.loyalty-page #mobile-changeNumber .fp-btn{text-align:center}
.loyalty-page #mobile-changeNumber .reg-agree-btn:hover{background-color:#9f091d;border:1px solid #9f091d}
.loyalty-page #mobile-changeNumber .reg-cancel-btn{height:52.82px}
.loyalty-page #mobile-changeNumber .reg-cancel-btn:hover{background-color:#b1b1b1;border:1px solid #b1b1b1}
.loyalty-page #mobile-changeNumber .mobile-star span{color:#e62f46}
.loyalty-page #mobile-changeNumber .modal-content .verify-nmbr{padding:0}
.loyalty-page #mobile-changeNumber #ly-dob{text-align:center}
.loyalty-page #mobile-changeNumber .calendar.icon{top:-10px}
.loyalty-page #mobile-changeNumber #emailHelp{padding-bottom:10px}
.loyalty-page #mobile-changeNumber .password-carectr{padding:0 100px;text-align:center}
.loyalty-page #mobile-changeNumber .mobile-no input[type=text],.loyalty-page #mobile-changeNumber input[type=password]{text-align:center}
@media only screen and (min-width:768px)and (max-width:1199px){.loyalty-page #mobile-changeNumber .modal-content{padding:50px 70px 50px 70px}
.loyalty-page #mobile-changeNumber .country-code-select{margin-left:175px}
.loyalty-page #mobile-changeNumber .reg-cancel-btn{width:194px;margin-left:15px;margin-top:35px}
.loyalty-page #mobile-changeNumber .mobile-no input[type=text]{text-align:center}
.loyalty-page #mobile-changeNumber .imp-pass .img-text{padding:5px}
.loyalty-page #mobile-changeNumber .password-carectr{padding:0 40px}
}
@media only screen and (max-width:767px){.loyalty-page #mobile-changeNumber .modal-content{padding:30px 30px 30px 30px}
.loyalty-page #mobile-changeNumber .country-code-select{margin-left:35px}
.loyalty-page #mobile-changeNumber #mobile input{font-size:16px !important}
.loyalty-page #mobile-changeNumber .icon-arrow-down{right:8px}
.loyalty-page #mobile-changeNumber .reg-cancel-btn{height:45px}
.loyalty-page #mobile-changeNumber .reg-agree-btn{height:45px;width:100%}
.loyalty-page #mobile-changeNumber{padding-top:0}
.loyalty-page #mobile-changeNumber .modal-content{padding:25px 30px 25px 30px}
.loyalty-page #mobile-changeNumber .imp-pass .img-text{padding:5px;max-width:100% !important}
.loyalty-page #mobile-changeNumber .password-carectr{padding:0 10px 22px 10px;display:block}
.loyalty-page #mobile-changeNumber .calendar.icon{right:-5px}
.loyalty-page #mobile-changeNumber select.select-country-code{font-size:16px !important}
}
.loyalty-page #mobile-changeNumber select{width:auto;padding-right:20px}
.loyalty-page #mobile-changeNumber #password-field{text-align:center !important;padding-right:35px !important}
.loyalty-page #mobile-changeNumber #password-field1{text-align:center !important;padding-right:35px !important}
.loyalty-page #ly-change-mob-popup .modal.fade:not(.show){opacity:1 !important}
.loyalty-page #ly-change-mob-popup .modal{z-index:9999}
.loyalty-page #ly-change-mob-popup .modal .modal-content{width:100%}
.loyalty-page #changeNumberNew input{border:none !important}
.loyalty-page .current-mobile-disable{background-color:#f0f1f1 !important;pointer-events:none}
.loyalty-page .current-mobile-disable select,.loyalty-page .current-mobile-disable input{background-color:#f0f1f1 !important}
.loyalty-page .change-mobile-otp{border-radius:0 !important}
.loyalty-page .ly-pre-opt-resent-chNum{cursor:pointer}
.loyalty-page #mobile-changeNumber .modal-dialog p{font-weight:400 !important}
.loyalty-page #oldNumberContainer{cursor:not-allowed}
@media only screen and (max-width:499px){.loyalty-page #changeNum-entered-num{white-space:nowrap}
}
.loyalty-page .change-password{max-width:800px;margin:auto}
.loyalty-page .change-password h2{color:#19516c;margin-top:70px;padding-bottom:0}
.loyalty-page .reg-mobile-number{margin-bottom:100px}
.loyalty-page .current-marign{margin-top:56px}
.loyalty-page .current-marign h4{margin-bottom:14px}
.loyalty-page #chng-password,.loyalty-page #reg-confirmPassword{padding-right:52px}
.loyalty-page .form-control{height:43px !important;font-size:1rem !important;border-radius:0rem !important;border:solid 1px #19516c;font-size:14px !important;background-color:#fff;color:#19516c;font-family:"ITC Franklin Gothic Std";font-weight:400;width:140px}
.loyalty-page .form-control:focus{-webkit-box-shadow:0 0 0 0rem rgba(0,123,255,.25) !important;box-shadow:0 0 0 0rem rgba(0,123,255,.25) !important}
.loyalty-page .error+.input-group-prepend.password{border-top:1px solid red;border-right:0 solid red !important;border-bottom:1px solid red}
.loyalty-page .form-group{margin-top:30px !important}
.loyalty-page .btn-clr{color:#fff !important}
.loyalty-page .change-password-btn{margin-top:0;margin-right:20px;margin-bottom:0;width:194px;height:52.82px;color:#fff;font-size:15px;line-height:15px;font-weight:500;font-family:"ITCFranklinGothicStd-DmCd",Helvetica,Arial,sans-serif;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-transform:uppercase;letter-spacing:.5px;text-decoration:none;transition:.5s;-webkit-transition:.5s}
.loyalty-page .ly-sub-padding{padding-left:15px;padding-right:15px}
@media screen and (max-width:600px){.loyalty-page .change-password h2{margin-top:35px}
.loyalty-page .current-marign{margin-top:25px}
.loyalty-page .change-password-btn{width:100%;margin-bottom:16px}
}
@media only screen and (min-width:768px)and (max-width:1024px){.loyalty-page .change-password h2{margin-top:69px}
.loyalty-page .subscription .my-sub-buttons .cancel{margin-left:0 !important}
.loyalty-page .current-marign{margin-top:18px}
.loyalty-page .my-sub-buttons{display:block !important;width:100%;margin-top:47px}
.loyalty-page .my-sub-buttons button{width:100%;margin-bottom:16px}
.loyalty-page .change-password-btn{width:100% !important;margin-bottom:16px}
.loyalty-page #ly-reset{width:100%}
.loyalty-page .ly-success-modal-cp .modal-footer{padding-top:10px !important}
.loyalty-page .profile-popup-main .modal-dialog h1{margin-top:10px !important}
.loyalty-page .ly-success-modal-cp .modal{padding-top:0 !important}
.loyalty-page .ly-success-modal-cp .modal.fade .modal-dialog{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;margin:0 auto !important;max-width:696px}
.loyalty-page .ly-success-modal-cp .modal-dialog h1{margin-top:10px}
}
@media only screen and (min-width:319.5px)and (max-width:767.5px){.loyalty-page .my-sub-buttons{display:block !important;width:100%;margin-top:35px;padding-left:0;padding-right:0}
.loyalty-page .my-sub-buttons button{width:100%;margin-bottom:15px}
.loyalty-page .change-password-btn{width:100% !important;margin-bottom:16px}
.loyalty-page #ly-reset{width:100%}
}
.loyalty-page ::-ms-reveal{display:none}
.loyalty-page .ly-errorPlacement-crntpwd{display:none;color:red;font-family:"ITCFranklinGothicStd-DmCd",Helvetica,Arial,sans-serif}
.loyalty-page .cq-placeholder{display:none}
.loyalty-page .ly-success-modal-cp .modal-body{text-align:center}
.loyalty-page .ly-success-modal-cp .modal-body img{width:72px;height:101px}
.loyalty-page .ly-success-modal-cp #redirect:hover{background-color:#e62f46}
.loyalty-page .ly-success-modal-cp .modal-footer{padding-bottom:42px;padding-top:23px}
@media(max-width:767px){.loyalty-page .ly-success-modal-cp .modal-footer{margin-top:-22px}
}
@media(max-width:767px){.loyalty-page .ly-success-modal-cp .modal-dialog{border:none !important}
}
.loyalty-page #ly-currentPassword,.loyalty-page #chng-password,.loyalty-page #reg-confirmPassword{color:#495057}
.loyalty-page .dashboard-wrapper{margin-bottom:0}
.loyalty-page .my-dashboard .my-dashboard-heading{margin-top:3px;margin-bottom:0}
.loyalty-page .greeting-message{font-size:30px;letter-spacing:.28px;margin-top:20px}
.loyalty-page .profile-name{font-size:60px;line-height:65px;color:#e62f46}
.loyalty-page .my-dashboard .sign-margin{margin-top:19px;margin-bottom:0;color:#000;font-family:"ITCFranklinGothicStd-DmCd",Helvetica,Arial,sans-serif}
.loyalty-page .sign-margin{margin-top:36px;margin-bottom:0}
.loyalty-page .my-dashboard .points{margin-top:0;margin-bottom:0;text-align:left}
.loyalty-page .my-dashboard p{margin-top:19px !important;margin-bottom:0;font-size:15px;line-height:22px;font-family:"ITCFranklinGothicStd-Book",Helvetica,Arial,sans-serif}
.loyalty-page .my-dashboard .btn-login{margin-top:36px !important;margin-bottom:0;width:194px;height:52px;font-size:15px;font-family:"ITCFranklinGothicStd-DmCd",Helvetica,Arial,sans-serif;font-weight:500}
.loyalty-page .dashboard-image img{display:block !important}
.loyalty-page .my-dashboard-point{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
@media only screen and (min-width:319.5px)and (max-width:600px){.loyalty-page .dashboard-image img{display:none !important}
}
@media(min-width:1024px){.dashboard-page.loyalty-page .twoColEqual-with-media-sec .page-center{max-width:1085px !important}
.dashboard-page.loyalty-page .twoColEqual-with-media-sec h3{line-height:58px !important;font-weight:500}
.dashboard-page.loyalty-page .twoColEqualMedia-col.media-col .media-overlay-icon{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);bottom:-68px !important;left:-25% !important;max-width:228px !important}
}
@media(min-width:1025px){.dashboard-page.loyalty-page .developing-rbl-program-section.small-width-block{min-height:430px !important}
.dashboard-page.loyalty-page .twoColEqual-with-media-sec{padding:40px 0 0}
}
@media(max-width:1024px)and (min-width:768px){.dashboard-page.loyalty-page .twoColEqual-with-media-sec h3{font-size:32px !important;line-height:31px !important;padding:0 0 10px !important;margin:0 0 0 !important}
.dashboard-page.loyalty-page .twoColEqual-with-media-sec p{margin-bottom:5px}
.dashboard-page.loyalty-page .twoColEqual-with-media-sec p{display:-webkit-box;display:-ms-flexbox;display:flex}
.dashboard-page.loyalty-page .twoColEqualMedia-col.media-col .media-overlay-icon{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);max-width:170px;bottom:-65px;left:-27% !important}
.dashboard-page.loyalty-page .developing-rbl-program-section.small-width-block{min-height:auto !important}
.dashboard-page.loyalty-page .twoColEqual-with-media-sec{padding:20px 0 !important}
}
@media(max-width:767px){.dashboard-page.loyalty-page .twoColEqualMedia-col.media-col{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.dashboard-page.loyalty-page .twoColEqualMedia-col.media-col .media-overlay-icon{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);bottom:-17px;max-width:153px;left:-91px !important}
.dashboard-page.loyalty-page .twoColEqual-with-media-sec p{display:-webkit-box;display:-ms-flexbox;display:flex}
.dashboard-page.loyalty-page .twoColEqualMedia-col-inner-group .content-group{text-align:left}
.dashboard-page.loyalty-page .twoColEqualMedia-col.media-col{margin-bottom:16px !important}
.dashboard-page.loyalty-page .twoColEqual-with-media-sec{padding:20px 0 !important}
.dashboard-page.loyalty-page .tout-section-header h3{font-size:28px !important}
.dashboard-page.loyalty-page .reg-left .greeting-message{font-size:21px;text-align:center;margin-top:5px}
.dashboard-page.loyalty-page .reg-left .profile-name{font-size:37px;text-align:center;letter-spacing:.19px;margin-top:10px}
}
@media(min-width:768px){.dashboard-page.loyalty-page .caseStudy-slider-container .slick-dots{bottom:-90px !important}
.dashboard-page.loyalty-page .slick-dotted.slick-slider{margin-bottom:90px !important}
}
@media(max-width:1024px)and (min-width:768px){.dashboard-page.loyalty-page .tout-cols-group{margin-left:auto !important;margin-right:auto !important}
}
.loyalty-page #ly-login-verify{margin-top:19px;display:none}
.loyalty-page #ly-pre-sign-in-mobile::-webkit-input-placeholder{opacity:.5}
.loyalty-page #ly-pre-sign-in-mobile::-moz-placeholder{opacity:.5}
.loyalty-page #ly-pre-sign-in-mobile:-ms-input-placeholder{opacity:.5}
.loyalty-page #ly-pre-sign-in-mobile::-ms-input-placeholder{opacity:.5}
.loyalty-page #ly-pre-sign-in-mobile::placeholder{opacity:.5}
.loyalty-page #email-error{color:#ec1f30 !important;font-size:15px;line-height:22px;padding-top:5px;display:none}
.loyalty-page #ly-prereg-opt-first,.loyalty-page #ly-prereg-opt-sec,.loyalty-page #ly-prereg-opt-third,.loyalty-page #ly-prereg-opt-fourth,.loyalty-page #ly-prereg-opt-fifth,.loyalty-page #ly-prereg-opt-sixth,.loyalty-page #ly-pre-sign-in-mobile-code,.loyalty-page #ly-pre-sign-in-mobile{width:100%}
.loyalty-page #ly-pre-sign-in-mobile-code,.loyalty-page #ly-pre-sign-in-mobile{border-radius:0;padding-left:20px}
.loyalty-page .ly-pre-p-e{color:#19516c !important}
.loyalty-page #ly-pre-creat-password,.loyalty-page #ly-login-verify{display:none}
.loyalty-page #ly-create-password-error{position:absolute;margin-top:49px}
.loyalty-page #exampleInputPassword1-error{position:absolute;margin-top:48px}
.loyalty-page #exampleInputPassword1-error+.password{border-top:1px solid red;border-right:1px solid red;border-bottom:1px solid red}
.loyalty-page #ly-create-password-error+.password{border-top:1px solid red;border-right:1px solid red;border-bottom:1px solid red}
.loyalty-page #ly-preSignin-password+.password{border:none !important}
.loyalty-page #ly-pre-sign-in-mobile,.loyalty-page #ly-pre-sign-in-mobile-code{height:50px}
.loyalty-page .ly-show-password{margin-top:7px}
.loyalty-page .ly-remember{-webkit-appearance:checkbox !important;-moz-appearance:checkbox !important;appearance:checkbox !important}
.loyalty-page .ly-pre-mobile-error,.loyalty-page .ly-pre-email-error{display:none;color:#ec1f30 !important;font-size:15px;line-height:22px;font-family:"ITCFranklinGothicStd-DmCd",Helvetica,Arial,sans-serif}
.loyalty-page .ly-p-register-text{margin-top:100px !important}
.loyalty-page .reg-agree-btn a{color:#fff}
.loyalty-page #ly-password-vali-error{display:none}
.loyalty-page .ly-pre-email-error-invalid{display:none}
.loyalty-page .ly-cl-b{clear:both}
.loyalty-page #mobileValidation-error,.loyalty-page #ly-preSign-email-error,.loyalty-page #ly-preSignin-password-error,.loyalty-page .ly-verify-movile-fail,.loyalty-page #ly-pre-sign-in-mobile-code-error,.loyalty-page #ly-pre-sign-in-mobile-error,.loyalty-page .ly-countrycode-invalid,.loyalty-page #nameGroup-error{font-family:"ITCFranklinGothicStd-DmCd",Helvetica,Arial,sans-serif,Lato,"Helvetica Neue",Arial,Helvetica,sans-serif;font-size:15px}
.loyalty-page #ly-preSignin-password{padding-right:46px}
.loyalty-page .ly-verify-movile-fail,.loyalty-page .ly-countrycode-invalid{display:none}
.loyalty-page #ly-pre-sign-in-mobile-code-error,.loyalty-page #ly-pre-sign-in-mobile-error{display:block;padding:0;margin:0;clear:both}
.loyalty-page #ly-pre-sign-in-mobile-code::-webkit-input-placeholder{color:#dbdbdb;opacity:1}
.loyalty-page #ly-pre-sign-in-mobile-code::-moz-placeholder{color:#dbdbdb;opacity:1}
.loyalty-page #ly-pre-sign-in-mobile-code:-ms-input-placeholder{color:#dbdbdb;opacity:1}
.loyalty-page #ly-pre-sign-in-mobile-code::-ms-input-placeholder{color:#dbdbdb;opacity:1}
.loyalty-page #ly-pre-sign-in-mobile-code::placeholder{color:#dbdbdb;opacity:1}
.loyalty-page #ly-pre-sign-in-mobile-code:-ms-input-placeholder{color:#dbdbdb}
.loyalty-page #ly-pre-sign-in-mobile-code::-ms-input-placeholder{color:#dbdbdb}
.loyalty-page .ly-click-disable{pointer-events:none;text-decoration:none;font-family:"ITCFranklinGothicStd-Book",Helvetica,Arial,sans-serif}
@media screen and (max-width:1024px){.loyalty-page input[type=text],.loyalty-page input[type=number],.loyalty-page input[type=password],.loyalty-page input[type=email],.loyalty-page textarea{font-size:16px !important}
}
.loyalty-page .ly-login-fail{display:none}
.loyalty-page .ly-pre-opt-resent{cursor:pointer}
.loyalty-page .ly-m-none{margin-left:0 !important}
.loyalty-page .ly-pre-opt{color:#000 !important}
.loyalty-page .verify-otp p u{color:#e62f46}
.loyalty-page .ly-pre-opt{border-radius:0 !important}
.loyalty-page #ly-login-verify+.reg-right{margin-top:19px;display:none}
.loyalty-page #ly-login-verify+.reg-right img{max-width:100%}
.loyalty-page .openeye{display:none;margin-top:-4px}
.loyalty-page #ly-preSignin-password+span{margin-top:-4px;padding-top:0;line-height:normal}
.loyalty-page .allFieldshowPS{display:block;margin-top:0;cursor:pointer}
.loyalty-page input[type=number],.loyalty-page input[type=email],.loyalty-page input[type=text],.loyalty-page input[type=password],.loyalty-page input[type=date]{border:solid 1px #ccc !important;font-family:"ITCFranklinGothicStd-Book",Helvetica,Arial,sans-serif !important;font-weight:300;color:#666;border-radius:0 !important}
.loyalty-page input[type=number].error,.loyalty-page input[type=email].error,.loyalty-page input[type=text].error,.loyalty-page input[type=password].error{border:1px solid red !important}
.loyalty-page div.error,.loyalty-page span.error,.loyalty-page label.error,.loyalty-page i.error{font-family:"ITCFranklinGothicStd-DmCd",Helvetica,Arial,sans-serif;font-size:15px !important;line-height:22px !important}
.loyalty-page .form-username-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:44px;border:1px solid rgba(34,36,38,.15);background-color:#fff;margin:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.loyalty-page .country-code-select{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 100px;flex:1 0 100px;max-width:80px;-ms-flex-line-pack:center;align-content:center;padding-right:15px;display:none}
.loyalty-page .form-username-container select{border:0;outline:0;background:transparent;color:#000;background-color:#fff;border-radius:0;display:inline-block;font:inherit;font-size:14px;line-height:25px;padding-right:10px;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;font-family:"ITCFranklinGothicStd-Book",Helvetica,Arial,sans-serif,"Arial","sans-serif";margin-left:0}
.loyalty-page .form-username-container .icon-arrow-down{display:block;width:6px;height:6px;border-top:1px solid #000;border-left:1px solid #000;pointer-events:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);position:absolute;right:18px;top:15px;margin-top:0}
.loyalty-page .form-username-container .form-control{border:0;-webkit-box-shadow:none;box-shadow:none}
.loyalty-page .form-username-container input{-ms-flex-negative:1;flex-shrink:1;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;border:0;height:42px !important;line-height:25px !important;outline:0;font-family:"ITCFranklinGothicStd-Book",Helvetica,Arial,sans-serif;color:#666;font-size:14px;padding-left:10px}
.loyalty-page #mobile_email-error{font-family:"ITCFranklinGothicStd-DmCd",Helvetica,Arial,sans-serif,Lato,"Helvetica Neue",Arial,Helvetica,sans-serif;position:absolute;top:100%;line-height:normal;padding-left:0;left:0;padding-top:14px}
.loyalty-page .outline-input{border:1px solid #19516c}
.loyalty-page .form-username-container.error{border:1px solid red !important}
.loyalty-page .form-username-container.error .email_phone,.loyalty-page .form-username-container.error .email_phone.error,.loyalty-page .form-username-container input.error{border:none !important}
@media only screen and (min-width:414px)and (max-width:736px){.loyalty-page .form-username-container select{-webkit-margin-left:0px !important;-moz-margin-left:0 !important;-o-margin-left:0 !important;-ms-margin-left:30px !important;margin-left:0 !important}
}
@media only screen and (min-width:768px)and (max-width:1024px){.loyalty-page .form-username-container select{-webkit-margin-left:0 !important;-moz-margin-left:0 !important;-o-margin-left:0 !important;-ms-margin-left:0 !important;margin-left:0 !important}
}
@media only screen and (min-width:320px)and (max-width:568px){.loyalty-page .form-username-container select{-webkit-margin-left:32px !important;-moz-margin-left:32px !important;-o-margin-left:32px !important;-ms-margin-left:32px !important;margin-left:0 !important}
}
@media only screen and (min-width:601px)and (max-width:1024px){.loyalty-page .margin-image h5{font-size:39px !important;line-height:40px !important;font-weight:500 !important}
}
@media only screen and (min-width:768px)and (max-width:1024px){.loyalty-page .reg-right.margin-image{padding-left:15px !important;padding-right:15px !important}
}
@media screen and (min-width:320px)and (max-width:992px){.loyalty-page .login-text-m .verify-otp{margin-left:0}
.loyalty-page .reg-right.margin-image{margin-top:0 !important}
}
@media screen and (min-width:390px)and (max-width:410px){.loyalty-page .mobile-view .annoucement{-webkit-box-flex:1;-ms-flex:1 0 calc(100% - 75px) !important;flex:1 0 calc(100% - 75px) !important}
}
@media screen and (max-width:600px){.loyalty-page .reg-left.reward-caltex{padding-right:20px !important}
.loyalty-page .mobile-view .annoucement{-webkit-box-flex:1;-ms-flex:1 0 calc(100% - 90px);flex:1 0 calc(100% - 90px)}
.loyalty-page .mobile-view #expend{width:90px;text-decoration:none}
.loyalty-page .mobile-view{width:100%;display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}
}
.loyalty-page .login-text-m .verify-otp{margin-left:0;padding-top:0;padding-left:0}
.loyalty-page .login-text-m .verify-otp h3{margin-top:30px;margin-bottom:10px;font-family:"ITCFranklinGothicStd-DmCd",Helvetica,Arial,sans-serif;font-style:normal;font-weight:500;font-size:15px;line-height:15px}
@media(min-width:320.5px)and (max-width:992px){.loyalty-page .login-text-m .verify-otp{text-align:center}
.loyalty-page .login-text-m .verify-otp h3{margin-bottom:0}
}
.loyalty-page .margin-image img{width:100% !important}
@media only screen and (min-width:800px)and (max-width:820px){.loyalty-page .footer .page-center{padding:0 !important}
}
@media only screen and (min-width:800px)and (max-width:820px){.loyalty-page .footer .page-center>.row{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.loyalty-page .footer .page-center>.row>.col-md-6>.row{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.loyalty-page .social-channels{margin-top:0}
}
@media only screen and (min-width:768px)and (max-width:1100px){.loyalty-page .footer .page-center>.row{-ms-flex-wrap:nowrap !important;flex-wrap:nowrap !important}
.loyalty-page .footer .page-center>.row>.col-md-6>.row{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.loyalty-page .social-channels{margin-top:0}
}
@media(max-width:767px){.loyalty-page .country-code-select .select-country-code{font-size:16px !important}
}
.loyalty-page #login .reg-mobile-number .reward-caltex .verify-otp p{font-family:"ITCFranklinGothicStd-Book",Helvetica,Arial,sans-serif !important}
.loyalty-page #ly-login-verify .otp-text{font-family:"ITCFranklinGothicStd-Book",Helvetica,Arial,sans-serif !important}
.loyalty-page #ly-login-verify .verify-otp.ly-m-none{font-family:"ITCFranklinGothicStd-Book",Helvetica,Arial,sans-serif !important}
@media only screen and (min-width:768px)and (max-width:1024px){.loyalty-page #login .margin-image:before{top:40px !important}
.loyalty-page #login{margin-top:30px}
}
.loyalty-page .reg-agree-btn.login-btn:hover,.loyalty-page .reg-agree-btn.login-btn:focus{background-color:#11384b;border:1px solid #11384b}
.loyalty-page .select-country-code{font-family:"ITCFranklinGothicStd-Book",Helvetica,Arial,sans-serif !important;color:#666 !important;font-weight:300}
.loyalty-page .country-code-arrow{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#666;font-size:16px !important;pointer-events:none;margin-left:-10px}
.loyalty-page .mobi-login-reg .select-country-code{padding-left:25px}
.loyalty-page span.error{color:#ec1f30 !important}
@media only screen and (max-width:1024px){.loyalty-page .ly-remember{margin-top:0 !important}
}
@media(min-width:767.5px)and (max-width:1024px){.loyalty-page .ribbon-left p{width:101%}
}
.loyalty-page #something p span{font-size:15px}
.loyalty-page .pagination-wrapper .paginationjs .paginationjs-pages li{height:35px;width:35px;border-color:#c4c4c4}
.loyalty-page .pagination-wrapper .paginationjs .paginationjs-pages li>a{height:100%;min-width:100%;line-height:35px;color:#c4c4c4;font-size:14px;font-weight:normal !important}
.loyalty-page .pagination-wrapper .paginationjs .paginationjs-pages li.active>a{background-color:#e62f46;color:#fff}
.loyalty-page .pagination-wrapper .paginationjs .paginationjs-pages li:first-child,.loyalty-page .pagination-wrapper .paginationjs .paginationjs-pages li:first-child>a,.loyalty-page .paginationjs .paginationjs-pages li:last-child{border-radius:0}
.loyalty-page #points-data-container-received li{border-bottom:1px solid #dee2e6}
.loyalty-page .sectionwrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;padding:21px 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.loyalty-page .th-lg{margin-top:40px}
.loyalty-page .th-lg h2{border-top:0;font-size:20px;line-height:25px;font-weight:500;font-family:"ITCFranklinGothicStd-DmCd",Helvetica,Arial,sans-serif;color:#19516c;border-bottom:solid 4px #19516c;padding:0 0 15px 0;text-transform:uppercase}
.loyalty-page .sectionwrap h3{margin-bottom:0;font-size:15px;line-height:22px;font-family:"ITCFranklinGothicStd-Book",Helvetica,Arial,sans-serif;font-weight:300;letter-spacing:.5px}
.loyalty-page .sectionwrap p{display:block;font-weight:300;font-family:"ITCFranklinGothicStd-Book",Helvetica,Arial,sans-serif;font-size:15px;padding-top:0;font-weight:normal;color:#666;line-height:25px !important}
.loyalty-page .sectionwrap .price{font-size:15px;line-height:25px;font-family:"ITCFranklinGothicStd-Book",Helvetica,Arial,sans-serif;padding:21px 0;font-weight:500;vertical-align:middle}
.loyalty-page .sectionwrap .points-title{-webkit-box-flex:1;-ms-flex:1;flex:1}
.loyalty-page .tab-in-tab .nav-tabs .nav-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.loyalty-page .calender-desktop.wit-icn{position:relative}
.loyalty-page .calender-desktop.wit-icn:after{content:"";background:url(clientlib-site/resources/images/calander_img.svg);position:absolute;top:11px;left:10px;width:20px;height:22px;display:block;background-size:100%;z-index:0}
.loyalty-page .calender-desktop.active-icon.wit-icn:after{z-index:999}
.loyalty-page .calender-desktop.wit-icn:before{content:"";background:url(clientlib-site/resources/images/arrow.svg);position:absolute;top:15px;right:13px;width:13px;height:13px;display:block;background-size:100%;z-index:0}
.loyalty-page .calender-desktop.active-icon.wit-icn:before{z-index:999}
.loyalty-page .blu-icn{position:relative;pointer-events:none}
.loyalty-page .blu-icn:after{content:"";background:url(clientlib-site/resources/images/calander-blue.png);position:absolute;top:11px;left:-92px;width:20px;height:22px;display:block;background-size:100%}
.loyalty-page .blu-icn:before{content:"";background:url(clientlib-site/resources/images/arrow-blue.svg);position:absolute;top:12px;right:-89px;width:13px;height:13px;display:block;background-size:100%;z-index:99;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.loyalty-page .date-pick .datepicker1{height:45px !important;padding:7px;text-align:center;border:solid 1px #19516c !important;color:#19516c;width:245px !important;font-size:14px !important;font-family:"ITCFranklinGothicStd-Book",Helvetica,Arial,sans-serif !important;outline:0;border-radius:0;cursor:pointer;line-height:25px !important;font-weight:500}
@media screen and (max-width:1024px){.loyalty-page .date-pick .datepicker1{font-weight:400}
}
.loyalty-page .date-pick .datepicker1.date-picker-color-active{background-color:#19526c}
.loyalty-page .date-pick .datepicker1::-webkit-input-placeholder{font-size:14px !important;color:#19516c}
.loyalty-page .date-pick .datepicker1:-ms-input-placeholder{font-size:14px;color:#19516c}
.loyalty-page .date-pick .datepicker1::-moz-placeholder{font-size:14px;color:#19516c}
.loyalty-page .date-pick .datepicker1::-ms-input-placeholder{font-size:14px;color:#19516c}
.loyalty-page .date-pick .datepicker1::placeholder{font-size:14px;color:#19516c}
.loyalty-page .date-picker-color-active{background-color:#19526c;color:#fff !important}
.loyalty-page .date-picker-color{background-color:#fff;color:#19526c}
.loyalty-page .pointssummary .tab-content>.active{display:block !important;text-align:center}
.loyalty-page .pmd-tabs .nav-tabs>li.active>a,.loyalty-page .pmd-tabs .nav-tabs>li.active>a:focus{color:#e62f46;background-color:#fff;border:0;border-bottom:3px solid #e62f46;padding-left:0;padding-right:0}
.loyalty-page .pointssummary .points-tab-main{padding-top:116px}
.loyalty-page .pointssummary .history-page.nav-tabs-mobile{display:none}
.loyalty-page .pointssummary .jar li:first-child .th-lg{margin-top:0}
@media screen and (max-width:1024px){.loyalty-page .nav-tabs-desktop{display:none}
.loyalty-page .pointssummary .history-page.nav-tabs-mobile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.loyalty-page .desktop-tab{display:block !important}
.loyalty-page .date-pick .datepicker1{width:100% !important}
.loyalty-page .card-body{padding:10px 0}
.loyalty-page .tab-content{padding:0}
.loyalty-page .pagination{padding:35px 0 10px 0}
.loyalty-page .date-pick .datepicker1{border:none !important;font-size:16px !important;text-align:center !important}
.loyalty-page .pointssummary .points-tab-main{padding-top:0}
.loyalty-page .pointssummary .jar li:first-child .th-lg{margin-top:30px}
}
.loyalty-page .sectionwrap .price{width:20%;text-align:right}
.loyalty-page .sectionwrap .points-title{max-width:80%}
.loyalty-page .nav-tabs .nav-link.active{padding:10px 15px !important}
@media only screen and (min-width:320px)and (max-width:1024px){.loyalty-page .drop-down-menus{list-style:none;height:45px;background-color:#19516c;width:250px;margin:0 auto;padding:0;text-align:center;-webkit-transition:height .3s ease;transition:height .3s ease;border-left:solid 1px #ccc;border-bottom:solid 1px #ccc;color:#ecf0f1;display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:"ITC Franklin Gothic Std";position:relative;padding-left:42px}
.loyalty-page .drop-down-menus:before{content:"";background-image:url(clientlib-site/resources/images/calander_img.svg) !important;position:absolute;top:9px;left:10px;width:22px;height:25px;display:block;background-size:100%}
.loyalty-page nav.table-dropdwn-main .drop-down-menus{background-image:url(clientlib-site/resources/images/arrow.svg) !important;background-repeat:no-repeat;background-position:95% 15px;border-bottom:1px solid #ccc;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-left:0}
.loyalty-page nav.table-dropdwn-main .drop-down-menus span.darrow{position:absolute;top:0 !important;right:0 !important;height:44px;width:36px}
.loyalty-page nav.table-dropdwn-main .drop-downs{list-style:none;overflow:hidden;height:auto;background-color:none;font-family:"ITC Franklin Gothic Std";width:250px;margin:0 auto;padding:0;text-align:center;-webkit-transition:height .3s ease;transition:height .3s ease;border-left:solid 1px #ccc;border-bottom:0;position:absolute;z-index:999;background-color:#fff}
.loyalty-page nav.table-dropdwn-main .drop-downs.closed{height:43px;margin-bottom:15px}
.loyalty-page nav.table-dropdwn-main .drop-downs li{border-right:1px solid #ccc !important;border-right:1px solid #ccc !important;border-bottom:1px solid #ccc !important}
.loyalty-page nav.table-dropdwn-main .drop-downs li.six-month{display:none}
.loyalty-page nav.table-dropdwn-main .drop-downs li a{display:block;color:#19516c;text-decoration:none;padding:14px 10px 14px 10px;background:0}
.loyalty-page nav.table-dropdwn-main .drop-downs li:first-child a:after{float:right;margin-left:30px;margin-right:5px;position:absolute;top:12px;right:10px}
.loyalty-page nav.table-dropdwn-main .drop-downs li a{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:"ITCFranklinGothicStd-Book",Helvetica,Arial,sans-serif !important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:400 !important}
.loyalty-page nav.table-dropdwn-main .filter-wrapper .drop-downs{display:none}
.loyalty-page nav.table-dropdwn-main .filter-wrapper .drop-downs.active{display:block}
.loyalty-page nav.table-dropdwn-main .drop-down li{position:relative}
.loyalty-page .table-dropdwn-main .drop-down{display:block}
.loyalty-page nav.table-dropdwn-main .drop-down{height:139px !important}
.loyalty-page nav.table-dropdwn-main .drop-down .six-month{background:0}
.loyalty-page .img-print span{display:block;float:right}
}
@media print{.loyalty-page .footer,.loyalty-page .header,.loyalty-page .pagination{display:none !important}
}
.loyalty-page .nav-tabs-desktop .blu-icn{display:block;height:45px;position:absolute;top:0;width:100%}
.loyalty-page .nav-tabs-desktop .blu-icn::before{top:13px;right:auto;left:90%}
.loyalty-page .nav-tabs-desktop .blu-icn::after{top:11px;left:12px}
.loyalty-page .date-error{text-align:center;font-weight:normal;font-family:"ITCFranklinGothicStd-DmCd",Helvetica,Arial,sans-serif}
@media print{.loyalty-page .date-pick .datepicker1{font-size:16px !important;color:#000 !important}
}
.loyalty-page #points-data-container-used li{border-bottom:1px solid #dee2e6 !important}
.loyalty-page .emptyTransactionError{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.dudp__wrapper[data-theme=blue] .dudp__calendar .dudp__cal-week .dudp__date.range-from:before{width:40px !important;height:40px !important;line-height:22px;top:-2px !important;left:-2px !important}
.dudp__wrapper[data-theme=blue] .dudp__calendar .dudp__cal-week .dudp__date.range-to:before{width:40px !important;height:40px !important;line-height:22px;top:-2px !important;left:3px !important}
.dudp__wrapper[data-theme=blue] .dudp__calendar .dudp__cal-week .dudp__date.range-from:before,.dudp__wrapper[data-theme=blue] .dudp__calendar .dudp__cal-week .dudp__date.range-to:before,.dudp__wrapper[data-theme=blue] .dudp__calendar .dudp__cal-week .dudp__date.selected:before{background-color:#19516c}
.dudp__wrapper[data-theme=blue] .dudp__buttons .dudp__button{width:47%;border-radius:0;font-size:15px;background-color:#e62f46;color:#fff;padding:3px 10px;font-family:"ITCFranklinGothicStd-DmCd",Helvetica,Arial,sans-serif;font-weight:500}
.dcalendarpicker .dudp__cal-container .dudp__buttons .dudp__button.clear{margin-right:8px;background-color:#f8f7fa;color:#19181a !important}
.dudp__wrapper[data-theme=blue] .dudp__calendar .dudp__cal-week .dudp__date.range-from:before{background-color:#19516c;width:35px !important;height:35px !important;line-height:22px;top:2px !important;left:1px !important}
.dudp__wrapper[data-theme=blue] .dudp__calendar .dudp__cal-week .dudp__date.range-to:before{background-color:#19516c;width:35px !important;height:35px !important;line-height:22px;top:1px !important;left:0 !important}
@media only screen and (min-width:320px)and (max-width:1024px){.dcalendarpicker .dudp__cal-container .dudp__calendar .dudp__weekdays{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.dcalendarpicker .dudp__cal-container .dudp__calendar .dudp__cal-week{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
}
.dcalendarpicker .dudp__wrapper[data-theme=blue] .dudp__calendar .dudp__cal-week .dudp__date.range-to:hover:before,.dcalendarpicker .dudp__wrapper[data-theme=blue] .dudp__calendar .dudp__cal-week .dudp__date.range-from:hover:before{background-color:#19516c !important}
@media(max-width:1024px){.dcalendarpicker .dudp__wrapper[data-theme=blue] .dudp__calendar .dudp__cal-week .dudp__date.range-from:before,.dcalendarpicker .dudp__wrapper[data-theme=blue] .dudp__calendar .dudp__cal-week .dudp__date.range-to:before{width:35px !important;height:35px !important;top:2px !important}
}
@media(max-width:1024px)and (min-width:600px){.dcalendarpicker .dudp__wrapper[data-theme=blue] .dudp__calendar .dudp__cal-week .dudp__date.range-from:before,.dcalendarpicker .dudp__wrapper[data-theme=blue] .dudp__calendar .dudp__cal-week .dudp__date.range-to:before{top:5px !important;left:7px !important}
}
.dcalendarpicker.dp__open .dudp__wrapper{-webkit-transform:translateX(-50%) translateY(-50%) scale(1);transform:translateX(-50%) translateY(-50%) scale(1);bottom:auto;top:50%}
.dcalendarpicker .dudp__cal-container .dudp__calendar-views{height:315px}
.dudp__wrapper[data-theme=blue] .dudp__calendar-header{background-color:#19516c;color:#fff}
.dcalendarpicker .dudp__calendar-header .dudp__sel-year{font-size:18px;font-family:"ITC Franklin Gothic Std"}
.dcalendarpicker .dudp__calendar-header .dcp_sel-date{font-size:30px;font-weight:normal;font-family:"ITC Franklin Gothic Std"}
.dcalendarpicker .dudp__cal-container .dudp__calendar .dudp__cal-week .dudp__date,.dcalendarpicker .dudp__cal-container .dudp__calendar .dudp__weekdays span{font-family:"ITC Franklin Gothic Std"}
.dcalendarpicker .dudp__cal-container .dudp__buttons{position:relative;z-index:2;background:#fff}
.loyalty-page .margin-text-style h4,.loyalty-page .profile-text-style h4{margin-top:31px;margin-bottom:6px}
.loyalty-page .ly-profile-dob{padding-left:5px !important;padding-right:5px !important;background-color:#e9ecef !important;opacity:1 !important}
.loyalty-page .ly-email-profile-popup .modal{z-index:9999;opacity:1}
.loyalty-page .ly-email-profile-popup .modal-content{width:100% !important;padding-bottom:38px !important;padding-top:30px !important}
.loyalty-page .ly-verify-email-otp-profile{outline:0}
.loyalty-page .ly-email-otp-profile{line-height:normal !important;display:initial !important;padding-top:0 !important}
.loyalty-page .ly-verify-text{display:inline-block;cursor:pointer}
.loyalty-page .ly-resent-pr{clear:both}
.loyalty-page .ly-email-verify-otp-ml{border:1px solid #ccc !important;border-radius:0 !important}
.loyalty-page .ly-field-container{width:80%;margin:0 auto}
.loyalty-page .ly-verify-email-otp-success{display:none}
.loyalty-page .my-profile-wrapper{margin-top:30px;margin-bottom:0}
.loyalty-page .ly-profile-update-section{margin-left:-15px;margin-bottom:143px}
.loyalty-page button{outline:none !important}
@media screen and (max-width:1024px){.loyalty-page .ly-profile-update-section{margin-left:0 !important;padding:0}
.loyalty-page .ly-profile-update-section .row{margin:auto !important}
}
.loyalty-page .ly-profile-input{font-family:"ITCFranklinGothicStd-Book",Helvetica,Arial,sans-serif !important;font-size:15px !important}
.loyalty-page .my-profile-desktop{margin-bottom:26px !important}
.loyalty-page .ly-profile-fname{padding-right:7px}
.loyalty-page .ly-profile-lname{padding-left:7px}
@media screen and (max-width:600px){.loyalty-page .btn-new{margin-top:50px !important}
.loyalty-page .my-profile-desktop{margin-bottom:0 !important}
.loyalty-page .margin-text-style h4,.loyalty-page .profile-text-style h4{margin-top:26px !important;margin-bottom:6px}
.loyalty-page #ly-verify-email-profile{height:45px !important}
}
.loyalty-page #tele-{text-align:center}
.loyalty-page #mobile-{padding-left:20px !important}
@media screen and (min-width:600px)and (max-width:1080px){.loyalty-page .ly-profile-fname{max-width:49%}
.loyalty-page .ly-profile-uname{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.loyalty-page .my-profile-desktop{margin-bottom:0 !important}
}
.loyalty-page #ly-profile #mobile-{background-color:#f0f1f1 !important}
.loyalty-page #ly-profile #tele-{background-color:#f0f1f1 !important}
@media screen and (max-width:600px){.loyalty-page #ly-verify-email-profile{height:45px !important}
.loyalty-page .profile-completed{height:auto !important}
}
@media only screen and (min-width:441px)and (max-width:768px){.loyalty-page .profile-completed{height:auto}
}
.loyalty-page #ly-verify-otp-email .reg-cancel-btn{height:52.82px}
@media only screen and (min-width:500px)and (max-width:767px){.loyalty-page .modal-dialog{max-width:500px !important}
}
@media only screen and (min-width:768px)and (max-width:1199px){.loyalty-page #ly-verify-otp-email .reg-cancel-btn{width:194px !important;margin-left:15px !important;margin-top:35px !important}
}
@media only screen and (max-width:767px){.loyalty-page #ly-verify-otp-email .reg-cancel-btn{height:45px;width:260px !important}
.loyalty-page .ly-email-profile-popup .modal-dialog-centered{-webkit-transform:translate(0,0) !important;transform:translate(0,0) !important}
}
@media(min-width:410px)and (max-width:415px){.loyalty-page .ly-profile-uname .ly-profile-lname{max-width:49%}
}
.loyalty-page .invalid-number-main button:hover{border-color:#ccc !important}
.loyalty-page .invalid-number-main .modal-dialog .ly-verify-email-otp-show p{font-weight:400 !important}
.loyalty-page .ly-resent-pr span{display:inline-block !important}
@media only screen and (max-width:600px){.loyalty-page #email-otp-form .ly-resent-pr span{display:block !important}
.loyalty-page #email-otp-form .mobile-no span{padding-top:0 !important}
}
#profile-dob-error{display:none}
#profile-update-error{font-family:"ITCFranklinGothicStd-DmCd";font-size:18px !important}
#loyalty-loader{border:8px solid #fff;border-radius:50%;width:48px;height:48px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;border-bottom-color:#19526c;position:absolute;top:50%;left:50%;z-index:100}
#loyalty-loading{position:fixed;display:block;width:100%;height:100%;top:0;left:0;text-align:center;opacity:.7;background-color:rgba(0,0,0,.7);z-index:99}
.loyalty-page .progress-100{width:100%;font-family:"ITC Franklin Gothic Stdb";font-weight:500;padding-top:50px;color:#e62f46;font-size:20px;line-height:18px}
@media(max-width:767px){.loyalty-page .progress-100{line-height:23px !important;padding-left:21px;font-size:14px !important}
.loyalty-page .progress-25{padding-left:22px;line-height:23px !important;font-size:14px !important}
}
@media(max-width:767px){.loyalty-page #profile-completed button.btn{margin:10px auto !important}
}
.loyalty-page .xf-content-height{margin:0 !important}
.loyalty-page .input-box-new{padding-right:15px !important;padding-left:0 !important}
.loyalty-page .progress-100{position:absolute;margin-right:12px}
@media only screen and (min-width:415px)and (max-width:767.5px){.loyalty-page #profile-completed img{height:395px !important}
}
@media only screen and (min-width:414px)and (max-width:767.5px){.loyalty-page #profile-completed img{height:395px !important}
}
.loyalty-page .progress-wrapper{position:relative}
.loyalty-page .progress-new{margin-top:30px !important;margin-bottom:30px !important;width:calc(100% - 40px) !important}
.loyalty-page .reg-prog-100{position:absolute;right:0;background:#fff;top:50%;padding:0 !important;width:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:55px !important;text-align:right}
@media only screen and (min-width:319.5px)and (max-width:767.5px){.loyalty-page .progress-new{margin-top:30px !important;margin-bottom:30px !important;width:calc(100% - 43px) !important}
.loyalty-page .reg-prog-100{position:absolute;right:0;background:#fff;top:50%;padding:0 !important;width:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:40px !important;text-align:right}
}
@media(min-width:768px){.loyalty-page .progress-new{width:calc(100% - 65px) !important}
}
.loyalty-page .progress-100{position:absolute;margin-right:12px}
.loyalty-page #reg-progress-percentage .progress-new-25{margin-top:46px;margin-right:128px}
@media(max-width:767px){.loyalty-page #reg-progress-percentage .progress-new-25{margin-top:46px;margin-right:128px}
}
.loyalty-page #ly-progress-bar .ly-bar-space{margin-top:18px !important;margin-bottom:55px !important}
@media(max-width:767px){.loyalty-page #ly-progress-bar .ly-bar-space{margin-top:-18px !important;margin-bottom:35px !important}
}
.loyalty-page #ly-progress-bar .progress-25{width:25%}
.complete-page.loyalty-page .root .cmp.caltex-content-container .background-color{padding:0 !important}
@media(max-width:767px){.complete-page.loyalty-page .root .twoColEqual-with-media-sec.with-right-media .twoColEqualMedia-col.media-col .media-overlay-icon{right:-30% !important;bottom:-25px !important}
.complete-page.loyalty-page .root .twoColEqual-with-media-sec{overflow:visible}
.complete-page.loyalty-page .root .show-in-phone p:nth-child(2){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.complete-page.loyalty-page .root .developing-rbl-program-section .page-center{padding-left:10px !important;padding-right:10px !important}
.complete-page.loyalty-page .root .twoColEqual-with-media-sec h3{font-size:35px !important;line-height:35px !important}
}
@media(max-width:1024px)and (min-width:768px){.complete-page .root .loyalty-page .container{max-width:1345px;padding:0 13px}
.complete-page.loyalty-page .root .background-color .container,.complete-page.loyalty-page .root .background-color .container-md,.complete-page.loyalty-page .root .background-color .container-sm{max-width:1345px;padding:0}
.complete-page.loyalty-page .page-center{padding:0 20px}
.complete-page.loyalty-page .root .twoColEqual-with-media-sec.with-right-media .twoColEqualMedia-col.media-col{position:static !important}
.complete-page.loyalty-page .root .twoColEqual-with-media-sec.with-right-media .twoColEqualMedia-col.media-col .media-overlay-icon{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);right:auto;left:-87px !important;max-width:150px !important;top:62% !important}
.complete-page.loyalty-page .root .twoColEqual-with-media-sec h3{font-size:35px !important;margin:0 0 0 !important;line-height:35px !important}
.complete-page.loyalty-page .root .twoColEqual-with-media-sec p{margin-bottom:10px;font-size:14px}
}
@media only screen and (max-width:600px){.loyalty-page .ly-pr-mobile-img{display:block !important}
.loyalty-page .ly-pr-desktop-img{display:none !important}
.loyalty-page .ly-pr-tab-img{display:none !important}
}
@media only screen and (min-width:601px){.loyalty-page .ly-pr-mobile-img{display:none !important}
.loyalty-page .ly-pr-desktop-img{display:block !important}
.loyalty-page .ly-pr-tab-img{display:none !important}
}
@media screen and (max-width:600px){.complete-page .loyalty-page .profile-completed img{width:100% !important}
}
.loyalty-page .error+.input-group-prepend.password{border-top:red 1px solid;border-right:red 1px solid;border-bottom:red 1px solid}
.loyalty-page #ly-reg-otp,.loyalty-page #ly-reg-register,.loyalty-page #ly-reg-otp-email{display:none}
.loyalty-page #ly-mobile-code,.loyalty-page #ly-reg-opt-first,.loyalty-page #ly-reg-opt-sec,.loyalty-page #ly-reg-opt-third,.loyalty-page #ly-reg-opt-fourth,.loyalty-page #ly-reg-opt-fifth,.loyalty-page #ly-reg-opt-sixth{width:100%}
.loyalty-page .ly-reg-p{font-family:"ITCFranklinGothicStd-Book",Helvetica,Arial,sans-serif;font-weight:400}
.loyalty-page .ly-blue-c{color:#19516c !important;font-size:15px}
.loyalty-page .ly-r-b{border-radius:0 !important}
.loyalty-page .ly-f-15{font-size:15px}
.loyalty-page .ly-mobil-textbox{width:100%;font-family:"ITCFranklinGothicStd-Book",Helvetica,Arial,sans-serif !important}
.loyalty-page .progress-50{width:50%}
.loyalty-page .progress-75{width:75%}
.loyalty-page .progress-100{width:100%;font-family:"ITCFranklinGothicStd-DmCd",Helvetica,Arial,sans-serif;font-weight:500;padding-top:50px;color:#e62f46;font-size:20px;line-height:18px}
.loyalty-page .profile-completed img{width:100% !important;display:block;height:358px !important}
@media screen and (max-width:600px){.loyalty-page .profile-completed img{display:block;height:358px !important;width:auto !important}
}
.loyalty-page .profile-completed .bnr-text{margin-top:-370px}
.loyalty-page .profile-completed .bnr-text p{font-family:Franklin Gothic Book !important}
.loyalty-page .profile-completed .bnr-text a{font-family:Franklin Gothic Book !important}
@media only screen and (max-width:600px){.loyalty-page .profile-completed{width:100% !important}
}
.loyalty-page .validation-text{padding-left:3px;vertical-align:baseline;font-size:12px}
.loyalty-page #Length,.loyalty-page #UpperCase,.loyalty-page #Symbols,.loyalty-page #LowerCase,.loyalty-page #Numbers{width:18px}
.loyalty-page .registerlogin__inner{padding-top:23px}
.loyalty-page .registerlogin__inner p{color:#e62f46}
.loyalty-page #ly-mobile-number{width:80%}
@media screen and (max-width:1024px){.loyalty-page #ly-mobile-number{width:100%}
}
.loyalty-page #ly-reg-mobile a{font-size:15px;line-height:22px;font-weight:500;color:#e62f46 !important;font-family:"ITCFranklinGothicStd-Book",Helvetica,Arial,sans-serif;text-decoration:underline}
.loyalty-page .prev.link{top:12px}
.loyalty-page .next.link{top:10px}
.loyalty-page .ly-emailExist{font-size:15px !important;display:none;padding-top:5px;color:#ec1f30 !important;font-family:"ITCFranklinGothicStd-DmCd",Helvetica,Arial,sans-serif !important}
.loyalty-page #ly-mobil-textbox::-webkit-input-placeholder{color:#dbdbdb;opacity:1}
.loyalty-page #ly-mobil-textbox::-moz-placeholder{color:#dbdbdb;opacity:1}
.loyalty-page #ly-mobil-textbox:-ms-input-placeholder{color:#dbdbdb;opacity:1}
.loyalty-page #ly-mobil-textbox::-ms-input-placeholder{color:#dbdbdb;opacity:1}
.loyalty-page #ly-mobil-textbox::placeholder{color:#dbdbdb;opacity:1}
.loyalty-page #ly-mobil-textbox:-ms-input-placeholder{color:#dbdbdb}
.loyalty-page #ly-mobil-textbox::-ms-input-placeholder{color:#dbdbdb}
.loyalty-page .ly-resgistration-phone{display:block}
.loyalty-page .ly-resgistration-otp,.loyalty-page .ly-resgistration-details{display:none}
.loyalty-page .reg-agree-btn{outline:0}
.loyalty-page .ly-reg-dob{padding:5px !important}
.loyalty-page .progress{margin-top:18px;margin-bottom:70px}
@media(max-width:767px){.loyalty-page .progress{margin-bottom:35px}
}
.loyalty-page .progress-25-reward{padding-top:9px}
.loyalty-page .error+.input-group-prepend.password{position:absolute;right:1px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:9;border:0}
.loyalty-page .error+.input-group-prepend.password .input-group-text{border:0}
.loyalty-page .input-group-prepend.password{border:0}
.loyalty-page .input-group-prepend{position:absolute;right:1px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:9;border:0}
.loyalty-page .input-group-prepend .input-group-text{border:0}
.loyalty-page .mobile-no-1 h3{font-size:28px;font-family:"ITCFranklinGothicStd-DmCd",Helvetica,Arial,sans-serif;line-height:30px !important;margin-top:59px !important;margin-bottom:0;font-weight:500}
.loyalty-page .mobile-no-otp h4{font-weight:500 !important}
@media(max-width:600px){.loyalty-page .reg-left{padding-right:20px !important;padding-left:20px !important}
}
.loyalty-page .reg-mobile-number{margin-top:-15px !important}
.loyalty-page #reg-mobile-number .reg-agree-btn,.loyalty-page #reg-mobile-number .reg-cancel-btn{font-weight:500 !important}
.loyalty-page .ly-oop-lightbox .modal{z-index:9999;opacity:1}
.loyalty-page .ly-oop-lightbox .modal-content{width:100% !important;padding-bottom:45.18px !important;padding-top:53px !important}
.loyalty-page .ly-oop-lightbox .modal-body{padding-top:0}
.loyalty-page .ly-oop-lightbox .modal-dialog h4{padding-top:0}
.loyalty-page .ly-oop-lightbox .modal.modal-content{padding:20px !important}
.loyalty-page .ly-register-take-nextTab:hover{background-color:#e62f46 !important}
.loyalty-page .ly-register-take-nextTabCancel:hover{background-color:#c4c4c4 !important}
.loyalty-page .ly-show-password{width:40px;margin-top:-23px}
@media screen and (min-width:992px)and (max-width:1024px){.loyalty-page .ly-reg{-ms-flex:0 0 100%;-webkit-box-flex:0;flex:0 0 100%;max-width:100%}
.loyalty-page .mobile-no-otp{width:50%}
}
.loyalty-page #ly-mobil-textbox,.loyalty-page #ly-mobile-number,.loyalty-page #reg-email,.loyalty-page #reg-password,.loyalty-page #reg-firstname,.loyalty-page #reg-lastname{color:#666;font-weight:300}
.loyalty-page .mobile-otp{border-radius:0 !important}
@media(max-width:600px){.loyalty-page .otp-btn{margin-top:158px !important}
}
.loyalty-page .reg-right{margin-top:19px}
@media(max-width:1024.5px){.loyalty-page .ly-resgistration-otp,.loyalty-page .ly-resgistration-details{display:none !important}
}
.loyalty-page .checbox-form{margin-top:70px;display:-webkit-box;display:-ms-flexbox;display:flex}
.loyalty-page .checbox-form .checkmark{position:absolute;top:1px;left:0;width:19px;font-size:14px;height:19px;border:2px solid #e5e5e5;border-radius:0;-webkit-transition:background .3s;transition:background .3s}
@media(max-width:1024px){.loyalty-page .checbox-form .checkmark{top:7px}
}
.loyalty-page .checbox-form .check-container{display:block;position:relative;padding-left:30px;cursor:pointer;font-size:16px;display:-webkit-box;display:-ms-flexbox;display:flex}
.loyalty-page .checbox-form input:checked~.checkmark::after{display:block}
.loyalty-page .checbox-form .checkmark::after{content:"";width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg);display:none;position:absolute;top:3px;left:6px}
.loyalty-page .checbox-form input:checked~.checkmark{background:#e62f46;border:0;border-radius:0}
.loyalty-page .checbox-form input:checked~.checkmark::after{display:block}
.loyalty-page .checbox-form input[type=checkbox]{width:0;height:0;margin:-1px}
.loyalty-page #dob-error{display:none;margin-top:10px}
.loyalty-page #ly-dob{padding-left:10px !important;cursor:pointer}
.loyalty-page #ly-reg-mobile .ui.input.left .calendar.icon{top:-10px !important}
.loyalty-page .form-username-container-register{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:44px;border:1px solid #ccc;background-color:#fff;margin:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:none;box-shadow:none}
.loyalty-page .form-username-container-register .country-code-select{position:relative;display:block;-webkit-box-flex:1;-ms-flex:1 0 120px;flex:1 0 120px;-ms-flex-line-pack:center;align-content:center;padding-right:15px}
.loyalty-page .form-username-container-register select{height:42px !important;border:0;outline:0;background:transparent;color:#000;background-color:#fff;border-radius:0;display:inline-block;font:inherit;font-size:14px;line-height:26px;padding:5px;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;font-family:"ITCFranklinGothicStd-Book",Helvetica,Arial,sans-serif;padding-left:20px}
.loyalty-page .form-username-container-register .icon-arrow-down{display:block;width:6px;height:6px;border-top:1px solid #000;border-left:1px solid #000;pointer-events:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);position:absolute;right:20px;top:16px;margin-top:0}
.loyalty-page .form-username-container-register .form-control{border:0;-webkit-box-shadow:none;box-shadow:none}
.loyalty-page .form-username-container-register input{-ms-flex-negative:1;flex-shrink:1;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;border:none !important;height:42px !important;line-height:24px !important;outline:0;font-family:"ITCFranklinGothicStd-Book",Helvetica,Arial,sans-serif;color:#000;font-size:14px;padding-left:10px !important;margin:0 !important}
.loyalty-page .form-username-container-register.error{border:1px solid #e62f46 !important}
@media(min-width:320px)and (max-width:992px){.loyalty-page .hide-mob-tablet{display:none}
}
.loyalty-page #ly-register-oops .ly-oop-lightbox .modal{border-radius:0;padding:5px 0 40px 0;margin:10px 7px 10px 7px !important}
.loyalty-page #ly-register-oops .modal-dialog h4{margin:0}
.loyalty-page .progress-20{width:20%}
.loyalty-page .progress-40{width:40%}
.loyalty-page .progress-60{width:60%}
.loyalty-page .progress-80{width:80%}
.loyalty-page .progress-100{width:100%}
.loyalty-page .mobile-no-1 h3{text-transform:uppercase}
.loyalty-page .check-text>p{font-size:15px}
.loyalty-page #mobile-error{margin-top:15px !important}
.loyalty-page #error{margin-top:15px !important}
@media only screen and (min-width:320px)and (max-width:767px){.loyalty-page select#ly-mobil-textbox,.loyalty-page input#mobile_email{font-size:16px !important}
.loyalty-page #reg-mobile-number .reg-left h2,.loyalty-page #reg-mobile-number .reg-left-enter h2{font-size:32px}
.loyalty-page .checbox-form{margin-top:40px}
}
.loyalty-page .clndr .text-uppercase h4{font-weight:500 !important}
.loyalty-page #error{margin-bottom:15px !important}
.loyalty-page #mobile-error{margin-bottom:15px !important}
.loyalty-page .mobile-no-1 h3{margin-top:35px !important;margin-bottom:5px !important}
.loyalty-page .form-group h4{margin-bottom:5px !important}
.loyalty-page #reg-registration .reg-form-top{margin-top:0 !important}
.loyalty-page #reg-registration .imp-pass{padding-top:10px}
@media(max-width:1080.5px){.loyalty-page #ly-mob-otp-register .reg-right.hide-mob-tablet{padding-left:78px !important}
}
.loyalty-page .ly-oop-lightbox .profile-popup-main .modal-dialog p{font-size:15px !important;font-weight:500 !important}
.loyalty-page .profile-popup-main .modal-footer button{font-weight:500 !important}
.loyalty-page .profile-popup-main .modal-dialog h1{font-weight:500 !important}
.loyalty-page .btn-red{background-color:#e62f46 !important;-webkit-transition:.5s;transition:.5s;height:45px !important;text-transform:uppercase}
.loyalty-page .btn-red:hover,.loyalty-page .btn-red:focus{background-color:#9f091d !important;text-transform:uppercase}
.loyalty-page .btn-red[disabled]{opacity:.3;text-transform:uppercase}
.loyalty-page .btn-red[disabled]:hover{background-color:#e62f46 !important;text-transform:uppercase}
.loyalty-page .btn-grey{background-color:#ccc !important;-webkit-transition:.5s;transition:.5s;height:45px !important;text-transform:uppercase}
.loyalty-page .btn-grey:hover,.loyalty-page .btn-grey:focus{background-color:#b1b1b1 !important;text-transform:uppercase}
@media screen and (max-width:600px){.loyalty-page #ly-reg-mobile .checbox-form .check-text p{font-size:15px !important}
}
@media screen and (min-width:600px)and (max-width:1024px){.loyalty-page #ly-reg-mobile .checbox-form .check-text p{font-size:15px !important}
}
.loyalty-page #ly-reg-mobile .checbox-form .check-text p{font-family:"ITCFranklinGothicStd-Book",Helvetica,Arial,sans-serif !important}
@media only screen and (max-width:1024px){.loyalty-page #reg-mobile-number .reg-left p{padding-top:0 !important}
}
@media only screen and (min-width:1200px){.loyalty-page .imp-pass-pr{padding-right:0}
}
.loyalty-page #ly-reg-otp .otp-text{font-family:"ITCFranklinGothicStd-Book",Helvetica,Arial,sans-serif !important}
.loyalty-page #ly-reg-otp-email .otp-text{font-family:"ITCFranklinGothicStd-Book",Helvetica,Arial,sans-serif !important}
.loyalty-page #ly-reg-otp-email .verify-otp.ly-m-none{font-family:"ITCFranklinGothicStd-Book",Helvetica,Arial,sans-serif !important}
.loyalty-page #ly-reg-otp .verify-otp.ly-m-none{font-family:"ITCFranklinGothicStd-Book",Helvetica,Arial,sans-serif !important}
.loyalty-page .profile-completed .bnr-text p{font-size:17px !important}
@media(max-width:1024px){.loyalty-page #ly-reg-otp .verify-otp.ly-m-none{margin-top:14px}
}
@media(min-width:767.5px)and (max-width:1024px){.loyalty-page #ly-reg-mobile h2,.loyalty-page #ly-reg-otp h2{margin-top:5px}
}
.loyalty-page #ly-reg-otp-email .ly-pre-opt-resent-email,.loyalty-page #create-account-email-otp .ly-pre-opt-resent-email{font-weight:500;cursor:pointer;font-family:"ITCFranklinGothicStd-Book",Helvetica,Arial,sans-serif;text-decoration:underline;color:#e62f46}
.loyalty-page #ly-reg-otp-email .attempts-remaining,.loyalty-page #create-account-email-otp .attempts-remaining{color:#e62f46;font-family:"ITCFranklinGothicStd-Book",Helvetica,Arial,sans-serif}
.loyalty-page #ly-reg-otp-email .verify-otp-wrapper,.loyalty-page #create-account-email-otp .verify-otp-wrapper{font-family:"ITCFranklinGothicStd-Book",Helvetica,Arial,sans-serif !important;line-height:22px;font-size:15px !important}
.loyalty-page .timer,.loyalty-page .ly-pre-otp-timmer{font-weight:400}
.loyalty-page .captcha{padding-top:35px;padding-bottom:35px}
@media(max-width:768px){.loyalty-page #forgotpassword_update_form .g-recaptcha,.loyalty-page #ly-verify-otp-email .g-recaptcha,.loyalty-page #mobile-changeNumber .g-recaptcha{-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transform-origin:0 0;transform-origin:0 0}
}
@media only screen and (min-width:768px)and (max-width:4000px){.loyalty-page #forgotpassword_update_form .g-recaptcha,.loyalty-page #ly-verify-otp-email #email-captcha-login .g-recaptcha,.loyalty-page #mobile-changeNumber .g-recaptcha{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
}
.loyalty-page .message-bold{font-weight:normal;color:#000 !important}
.loyalty-page .ly-pre-opt-resent{white-space:nowrap}
.loyalty-page .small-banner{margin-top:0 !important}
@media(min-width:768px)and (max-width:1024px){.loyalty-page #ly-reg-otp-email h2{margin-top:5px}
.loyalty-page #cancelOptInn{width:194px !important}
}
.loyalty-page .ribbon-wrapper .btn,.loyalty-page #ly-modal-popup .btn,.loyalty-page .ly-dashbord-w100 .btn{padding:0}
@media only screen and (max-width:767px){.loyalty-page #ly-reg-otp-email .attempts-remaining{display:block}
.loyalty-page #ly-reg-otp-email .ly-pre-opt-resent{display:block}
}
@media only screen and (max-width:1024px){.loyalty-page #reg-mobile-number .reg-left p{padding-top:5px !important}
}
.loyalty-page .ly-bk-none{background:transparent !important}
.loyalty-page .dropdown-menu-right li a{font-family:"ITCFranklinGothicStd-Med" !important;color:#000;font-size:15px}
.loyalty-page .dropmenu h3{margin:0}
.loyalty-page .dropmenu h4{color:#e62f46;margin-top:0}
.loyalty-page .dropmenu p{color:#000}
.loyalty-page .dropdown-menu{height:auto !important}
.loyalty-page .dropdown-wrapper ul li:last-child{margin-bottom:23px}
.loyalty-page .ly-rb{z-index:500;position:relative;top:105px}
.loyalty-page .close-img{background-color:#000;border-radius:200px;width:35px;height:30px;position:absolute;top:-2px;right:-2px;left:unset}
.loyalty-page .ly-font-s25{font-size:25px}
.loyalty-page .ly-post-s29{font-size:29px}
.loyalty-page .ly-dashbord-w100{width:100%}
.loyalty-page .dashboard-alert{z-index:999;position:relative}
@media screen and (max-width:600px){.loyalty-page .alert{width:100%;margin-left:-10px !important}
}
@media only screen and (min-width:320px)and (max-width:568px){.loyalty-page .close-img{top:0 !important;left:0 !important;padding:2px}
.loyalty-page .ribbon-right img{right:10px !important;margin:25% !important}
.loyalty-page .ly-user-icon:before{left:13px}
}
.loyalty-page .signup{color:#fff !important;padding-left:6px !important;padding-right:6px}
.loyalty-page .ly-d-flex a{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:8px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.loyalty-page .ly-user-icon{margin-top:-10px;margin-right:45px}
.loyalty-page .selected{color:#19526c !important;font-family:ITC Franklin Gothic Stdb !important}
.loyalty-page .dropdown-wrapper ul li img{vertical-align:middle}
.loyalty-page .dropdown-wrapper ul li{padding-top:25px}
.loyalty-page .dropdown-menu.show{display:block !important}
.loyalty-page #something{padding-right:2px}
.loyalty-page .ribbon-wrapper .mobile-view{padding-left:20px}
.loyalty-page .ribbon-left p{font-size:15px}
@-moz-document url-prefix(){.loyalty-page .dropdown-menu::after{top:-13px !important}
}
@media screen and (max-width:600px){.loyalty-page .dropdown-menu{left:auto !important;right:0 !important}
.loyalty-page .dropdown.show{right:0 !important;position:absolute}
.loyalty-page .dropdown-menu .fa{font-size:xx-large !important}
.loyalty-page .btn-drop{margin-top:110px !important}
.loyalty-page .margin-image{padding-right:21px !important}
.loyalty-page .ly-p-register-text{padding-left:5px !important}
.loyalty-page .float-left{padding-left:5px !important}
.loyalty-page .loyalty-page .ribbon-left p,.loyalty-page .loyalty-page .ribbon-left span p{font-size:12px !important}
}
@media only screen and (min-width:768px)and (max-width:1024px){.loyalty-page .dropdown-menu{left:auto !important;right:-50px !important}
.loyalty-page .btn-drop{margin-top:405px !important}
.loyalty-page .dropdown-menu .fa{font-size:xx-large !important;margin-right:10px !important}
.loyalty-page .margin-image img{width:100% !important}
}
@media only screen and (min-width:1025px){.loyalty-page .dropmenu .circle-2{margin-top:10px}
.loyalty-page .dropmenu{padding-bottom:20px !important}
}
@media(max-width:767px){.loyalty-page .signup span{display:none}
.loyalty-page .signup span.ly-user-icon{display:block !important}
}
@media(min-width:768px)and (max-width:992px){.loyalty-page .signup{padding-right:6px;padding-left:6px}
}
@media only screen and (min-width:992px)and (max-width:1024px){.loyalty-page .modal.profile-popup-main .modal-body img{margin:0 auto;display:block}
}
@media(max-width:767px){.loyalty-page .profile-popup-main .modal-dialog{max-width:90%;margin:auto}
}
@media(min-width:768px)and (max-width:992px){.loyalty-page .profile-popup-main .modal-dialog img{width:100%}
}
@media only screen and (min-width:320px)and (max-width:441px){.loyalty-page .profile-opt-popup .modal-content{padding:10px 10px 35px 10px !important}
}
@media(max-width:990px){.loyalty-page .header .page-center{padding:0 15px !important}
.loyalty-page #login .reg-mobile-number{padding:0 22px !important}
}
@media(max-width:575.5px){.loyalty-page .header .page-center{padding:0 12px !important}
.loyalty-page #login .reg-mobile-number{padding:0 10px !important}
}
@media(max-width:767px){.loyalty-page .ribbon-wrapper .ribbon-space-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:210px !important}
}
@media(min-width:767.5px)and (max-width:1024px){.loyalty-page .rib-login{float:right}
}
.loyalty-page .ribbon-loyalty{max-width:1400px;margin:0 auto}
.loyalty-page .ribbon-loyalty .navbar{border:none !important}
.loyalty-page .autoShowHide{white-space:nowrap;width:220px;overflow:hidden;text-overflow:ellipsis}
@media(min-width:600px){.loyalty-page .mobile-view #expend{display:none !important}
}
@media(max-width:600px){.loyalty-page .ribbon-left p{font-size:12px !important}
}
.loyalty-page .ly-user-icon:before{content:"";background-image:url(../../../etc.clientlibs/caltex-loyalty/clientlibs/clientlib-site/resources/images/Usericon.svg) !important;position:absolute;width:100%;height:100%;display:block;background:no-repeat}
@media(max-width:600px){.loyalty-page .ribbon-left p{padding-left:0 !important;font-size:12px !important}
}
@media only screen and (min-width:320px)and (max-width:568px){.loyalty-page .ribbon-right img{right:10px !important;margin:25% !important}
}
@media(max-width:600px){.loyalty-page .ribbon-right{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.loyalty-page .ribbon-left{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
}
@media(max-width:767.5px)and (min-width:600px){.loyalty-page .ribbon-right{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%}
.loyalty-page .ribbon-left{-webkit-box-flex:0;-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%}
}
@media(min-width:768px)and (max-width:1200px){.loyalty-page .ribbon-right{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.loyalty-page .ribbon-left{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
}
@media(min-width:1200px){.loyalty-page .ribbon-right{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.loyalty-page .ribbon-left{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
}
.loyalty-page .subscription-tables .sow-text{border-bottom:0;padding:10px 0 0 0}
.loyalty-page .bt-none{border-top:none !important}
.loyalty-page .subscription-tables .sow-text p{text-align:left;font-size:15px;line-height:22px;font-family:"ITCFranklinGothicStd-Book",Helvetica,Arial,sans-serif}
.loyalty-page .subscription-tables h2.th-lg{border-top:0;font-size:28px;line-height:30px;font-weight:500;font-family:"ITCFranklinGothicStd-DmCd",Helvetica,Arial,sans-serif;color:#19516c;border-bottom:solid 4px #19516c;padding:65px 0 18px 0;text-transform:uppercase;letter-spacing:.5px;margin-bottom:0}
.loyalty-page .subscription-tables div.bt-none{font-size:20px;line-height:30px;font-family:"ITCFranklinGothicStd-DmCd",Helvetica,Arial,sans-serif;padding:17px 0;font-weight:500;vertical-align:middle;border-color:#ccc;color:#000;letter-spacing:.5px}
.loyalty-page .subscription-tables div.bt-none.disabled{color:gray}
.loyalty-page .subscription-tables .sb-item-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:solid 1px #ccc;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.loyalty-page .subscription-tables .sb-item-wrapper .styled-checkbox+label{top:0}
.loyalty-page .sb-item-wrapper:after{display:none}
.loyalty-page .subscription-tables.last{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.loyalty-page .subscription-tables.last .th-lg,.loyalty-page .subscription-tables.last .sow-text,.loyalty-page .subscription-tables.last .sb-item-wrapper{width:100%}
.loyalty-page .subscription-tables.last .sb-item-wrapper:nth-child(3){-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}
.loyalty-page .styled-checkbox-input{position:absolute;opacity:0;margin:7px}
.loyalty-page .styled-checkboxs{position:relative;cursor:pointer;padding:0;border:solid 1px #000;width:25px;overflow:hidden;height:25px;vertical-align:middle;border-radius:2px;top:1px;right:0}
.loyalty-page .loyalty-page .styled-checkboxs.disabled{border-color:gray;background:#d3d3d3}
.loyalty-page .styled-checkboxs input:checked~.checkmark{background:#19516c}
.loyalty-page .styled-checkboxs input:disabled~.checkmark{color:#b8b8b8;cursor:auto}
.loyalty-page .styled-checkboxs input:disabled~.checkmark{-webkit-box-shadow:none;box-shadow:none}
.loyalty-page .styled-checkboxs input:checked~.checkmark{border-color:#19516c}
.loyalty-page .styled-checkboxs input:checked~.checkmark{content:"";position:absolute;left:0;top:0;background:#19516c url(clientlib-site/resources/images/right-arrow.svg) no-repeat center center;width:25px;height:25px}
.loyalty-page .subscription-tables.last{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.loyalty-page .subscription-tables.last .th-lg,.loyalty-page .subscription-tables.last .sow-text,.loyalty-page .subscription-tables.last .sb-item-wrapper{width:100%}
.loyalty-page .subscription-tables.last .sb-item-wrapper:nth-child(3){-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}
.loyalty-page .subscription .my-sub-buttons .cancel{margin-left:18px}
@media(min-width:319.5px)and (max-width:767.5px){.loyalty-page .subscription-tables h2.th-lg{font-size:20px;line-height:17px;padding:34.84px 0 11.62px 0}
.loyalty-page .subscription-tables div.bt-none{font-size:15px;line-height:15px;padding:20px 0}
.loyalty-page .subscription .my-sub-buttons{text-align:center}
.loyalty-page .subscription .my-sub-buttons button{display:inline-block}
.loyalty-page .subscription .my-sub-buttons .cancel{margin-top:18px;margin-left:0;margin-right:0}
.loyalty-page .subscription-main{padding:35px 0}
}
@media(min-width:767.5px)and (max-width:1024px){.loyalty-page .subscription-tables h2.th-lg{font-size:20px;line-height:17px;padding:20px 0 11px 0}
.loyalty-page .subscription-tables div.bt-none{font-size:20px;line-height:15px;padding:20px 0}
.loyalty-page .subscription-main .container{padding:0 15px}
.loyalty-page .subscription .my-sub-buttons{text-align:center}
.loyalty-page .subscription .my-sub-buttons button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}
}
.loyalty-page .xf-content-height{margin:0 !important}
@media(min-width:1100px){.loyalty-page .subscription-tables h2{padding-top:0 !important}
.loyalty-page .subscription-tables{margin-bottom:65px !important}
.loyalty-page .subscription-tables:last-child{margin-bottom:0 !important}
.loyalty-page .subscription-tables h2:first-child{margin-top:0 !important}
}
@media(min-width:767.5px)and (max-width:1024px){.loyalty-page .subscription-tables h2{padding-top:0 !important}
.loyalty-page .subscription-tables{margin-bottom:26px !important}
.loyalty-page .subscription-tables:last-child{margin-bottom:0 !important}
}
@media(max-width:600px){.loyalty-page .subscription-tables h2{padding-top:0 !important}
.loyalty-page .subscription-tables{margin-bottom:34px !important}
.loyalty-page .subscription-tables:last-child{margin-bottom:0 !important}
}