@keyframes typing { from { width: 0; } } .home #main .container1 .bucketgroup .bucket .bucket_left .mtb-desc{display:none!important;} @media screen and (min-width:990px){ .home .container1 .bucketgroup{margin:0 -1.5% 40px;} } @media screen and (min-width:750px) and (max-width:989px){ .home #main .bucketgroup .bucket{width: 25% !important;padding: 5px;margin-bottom:20px;} } @media screen and (max-width:749px){ #main .bucketgroup .bucket{margin: 5px 0 40px !important;} } /*Timeout Dialog*/ .noTitleStuff[aria-describedby="dialog-confirm"] {padding: 10px;box-sizing:border-box;} .noTitleStuff .ui-dialog-titlebar { display: none;} .ui-dialog.noTitleStuff .ui-dialog-buttonpane button { background: #ea1f2e; color: #fff; border: none; height: 40px; line-height: 40px; padding: 0 20px; font-size: 18px; font-family: Trade Gothic LT Std-BdCn20; text-transform: uppercase;} /*Timeout Dialog*/ .login .container1 .loginbucket .logbutton .navbtn, .login .container1 .loginbucket .logbutton .navbtn .navbtn_m{max-width:100%;} .social_login_options { float: left; display: block; border: 1px solid #666; box-sizing: border-box; padding:0px; margin: 10px 0;width:100%;text-align:center;} .social_login_options .label { font-size: 18px; background: #ea1f2e; text-align: center; text-transform: uppercase; line-height: 40px;} /*Twitter login - Password update*/ .login .col1_T03 #ctl00_ContentPlaceHolder1_ctl00_Pane1{position:relative;margin-bottom:40px;} .f-twitterbtn a{background:url(images/kfc-olo-icons.png) no-repeat -4px -987px;width:50px;height:50px;display:block;float:left;} div[aria-describedby="divTwitterConfirmpwd"]{top:165px!important;} div[aria-describedby="divSocialLoginTemplate"] .ui-dialog-titlebar, .popup-facebookplugin.fb-login-dialog .ui-dialog-titlebar-close{display:none;} #divTwitterConfirmpwd p{font-size:15px;color:#000;} #divTwitterConfirmpwd .fb_loginpopup{padding:20px;} #divTwitterConfirmpwd a.forgotpwdlnk { margin: 20px 0 20px 30px; height: 50px; line-height: 50px; color: #ea1f2e; float: left;} #divTwitterConfirmpwd .details li{border:none;margin:10px 0;list-style:none;line-height: 30px; height: 30px;text-align:left;float:left;clear:both;} #divTwitterConfirmpwd .details .mj_btnbg{background:#000;padding:0 30px;} #divTwitterConfirmpwd .details .navbtn{float:left;margin:20px 0 0;} #ctl00_ContentPlaceHolder1_txtTwitterPassword.maintxt { border: 1px solid #e0e0e0; color: #000; font-size: 15px; height: 40px; width: 200px; padding-left: 10px;} #divTwitterConfirmpwd .fb_user{display:none;} #divTwitterConfirmpwd span#lblLoginStatus { color: #ea1f2e;} .fb_loginpopup #lblSocialLoginId, .fb_loginpopup #lblSiteUrl{color: #ea1f2e;} /*Twitter login - Password update*/ /*FB login - Password update*/ .f-twitterbtn, .facebook-login, .google-login{clear:none;padding:10px 15px;margin:5px 0 0;display:inline-block!important;float:none;background:none;} .login .fb_button{background:url(images/kfc-olo-icons.png) no-repeat -58px -1042px;width: 50px;height: 50px;float:left;margin: 0 !important; position: static;} .login .facebook-login .fb_button { display: block;} .login .f_connectbtn { border: medium none; display: block; height: 46px; position: static; width: 100%;} .f-button1 { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; cursor: pointer; height: 46px; width: 100%;} div[aria-describedby="divSocialLoginTemplate"]{top:165px!important;} div[aria-describedby="divSocialLoginTemplate"] .ui-dialog-titlebar{display:none;} #divSocialLoginTemplate p{font-size:15px;color:#000;} #divSocialLoginTemplate .fb_loginpopup{padding:20px;} #divSocialLoginTemplate a.forgotpwdlnk { margin: 20px 0 20px 30px; height: 50px; line-height: 50px; color: #ea1f2e; float: left;} #divSocialLoginTemplate .fb_logindetails li {border:none;margin:10px 0;list-style:none;line-height: 30px; height: 30px;text-align:left;float:left;clear:both;} #divSocialLoginTemplate .details .mj_btnbg{background:#000;padding:0 30px;} #divSocialLoginTemplate .details .navbtn{float:left;margin:20px 0 0;} #txtSocialPassword.maintxt { border: 1px solid #e0e0e0; color: #000; font-size: 15px; height: 40px; width: 200px; padding-left: 10px;} #divSocialLoginTemplate .fb_user{display:none;} #divSocialLoginTemplate span#lblLoginStatus { color: #ea1f2e;} /*FB login - Password update*/ /*Google Login*/ #ctl00_ContentPlaceHolder1_ctl00_ctl02_ctl00_divGoogleLogin{display:none;} .google-login #ctl00_ContentPlaceHolder1_ctl00_ctl02_ctl00_divGoogleLogin{display:block;float:left;} #lnkGoogleLogin{background:url(images/kfc-olo-icons.png) no-repeat -58px -987px;width:50px;height:50px;display:block;float:left;} /*Google Login*/ .singlepagecheckout_v3 .login-options .social_login_options {margin: 10px 0;max-width: 265px;display: inline-block;float: none;} .singlepagecheckout_v3 .login-options .social_login_options .label{color:#fff;} .singlepagecheckout_v3 .login-options .existing-user .login-ctrl .login-btns .fb-login, .singlepagecheckout_v3 .login-options .existing-user .login-ctrl .login-btns .tw-login, .singlepagecheckout_v3 .login-options .existing-user .login-ctrl .login-btns .ggl-login{background:none;clear:none;padding:10px;margin:5px 0 0;display:inline-block!important;float:none;vertical-align:top;} .singlepagecheckout_v3 .login-options .existing-user .login-ctrl .login-btns .ggl-login .google-login{margin:0px;padding:0px;} .singlepagecheckout_v3 .login-options .existing-user .login-ctrl .login-btns .fb-login .facebook_login{background:url(images/kfc-olo-icons.png) no-repeat -58px -1042px!important;width: 50px!important;height: 50px;display:block;} .singlepagecheckout_v3 .login-options .existing-user .login-ctrl .social_login_options .twitter-login a{background:url(images/kfc-olo-icons.png) no-repeat -4px -987px!important;width: 50px!important;height: 50px;display:block;} /*OTP form*/ .popup-facebookplugin.fb-login-dialog .ui-dialog-titlebar{display:block;border:none;} .popup-facebookplugin.fb-login-dialog.ui-dialog .ui-dialog-title{color:#ea1f2e;float: left; text-align: center; width: 100%; font-size: 20px; text-transform: uppercase;height:40px;} .otp-form input#txtSocLoginMobileContryCode { height: 36px; line-height: 36px; width: 50px; text-align: center; font-size: 16px;float: left;box-sizing:border-box;} .otp-form input#txtSocLoginMobileNo { height: 36px; line-height: 36px; font-size: 16px; text-indent: 10px; width: calc(100% - 50px); float: left;border-left:none;box-sizing:border-box;} .otp-form .navbtn, .otp-form span.navbtn_m { border: none;width:100%;display:block;} .otp-form a#btnValidateSocLoginMobile { background: #000; height: 40px; line-height: 38px; float: left; margin: 30px 0; padding: 0 10px; display: inline-block; float: none; width: 130px;} .header_mobile_number .hotlineNum { height: 30px; margin: 0 5px 0 0; padding: 0px; width: 30px; cursor: pointer; display: inline-block; float: none;} .header_mobile_number a { color: #ea1f2e; display: none; vertical-align: top; float: none; animation: 1s steps(100, end) 0s normal none 1 running typing;font-size: 22px; white-space: nowrap; width: 99px; overflow: hidden; clear: right; direction: ltr;} .header_mobile_number .order-online { display: none; width: 173px; height: 17px; overflow: hidden; white-space: normal; font-size: 13px; color: #EA1F2E; animation: 0.7s steps(100, end) 0s normal none 1 running typing; position: absolute; bottom: -24px; right: -15px; text-align: center;} .header_mobile_number{width: 170px; position: relative;} .right_section{margin: 30px 120px 0 0;} #ctl00_ContentPlaceHolder1_WarnMsgDiv .product-list { list-style: none; margin: 15px 0; font-size: 22px;} #ctl00_ContentPlaceHolder1_WarnMsgDiv .note { margin: 10px 0 50px 0;} #ctl00_ContentPlaceHolder1_WarnMsgDiv .navbtn .navbtn_m .mj_btnbg { color: #000 !important; font-size: 15px; padding: 0 15px;} .loc-link { color: #000; border: 2px solid #000; padding: 14px 10px; float: left;} .loc_stockcheck .navbtn { float: left;} /*footer accordion*/ .contDesc { display: none; font-size:14px; padding:10px 50px !important; text-align: left; font-family: roboto;} .contHead{color:#898b8e!important; position:relative; cursor: pointer; font-size: 11px!important; text-align: center; font-family: Roboto; width: auto; display: inline-block; padding: 0 22px 0 0 !important; font-weight: normal; text-transform: none !important;} .contSeo{padding: 10px 0;} .contHead::before { content: ""; position: absolute; right: 0; font-size: 20px; border: none; width: 12px; height: 12px; text-align: center; line-height: 20px; border-radius: 10px; font-weight: bold; background-size: cover; background-image: url(https://martjackamstorage.blob.core.windows.net/am-resources/9238d5a6-7135-4642-b7ae-5f45566b9271/Stylesheet/images/s-down-arrow.png);} .contHead.contIcon::before {content: ""; background-image: url(https://martjackamstorage.blob.core.windows.net/am-resources/9238d5a6-7135-4642-b7ae-5f45566b9271/Stylesheet/images/s-up-arrow.png);} .contDesc h1 { font-size: 22px; color: #000; font-family: roboto; margin-bottom: 15px;} .contDesc p { font-size: 14px; color: #000; font-family: roboto; margin-bottom: 15px;} .contDesc p a { color: #a6192e;} .contDesc h4 {margin-bottom: 15px;} .contDesc li {list-style-position: inside; margin-bottom: 10px; font-family: roboto; font-size: 14px;} /*footer accordion ends*/ @media screen and (max-width:749px){ .login .col1_T03{text-align:center;} .login .col1_T03 #ctl00_ContentPlaceHolder1_ctl00_Pane1 { max-width: 340px; display: inline-block; float: none;} .header_mobile_number { background: #fff ; color: #ea1f2e; display: block; float: left; font-size: 20px; padding: 30px 0; text-align: center; width: 100%;} .footer_resp .header_mobile_number .hotlineNum{color#fff;background:url(//martjackamassets.azureedge.net/css/themes/mjt02012550/images/main/kfc_sprite.png) no-repeat scroll -18px 0;} .footer_resp .header_mobile_number{padding:0 0 30px;background: #ea1f2e ; color: #fff;} .footer_resp .header_mobile_number a{color:#fff;} .header_mobile_number .order-online{bottom: 4px; right: 36px; height: 28px;} /*footer accordion mob*/ .contSeo { padding: 10px;} .contDesc{padding: 10px 20px !important;} .contHead::before { content: "+"; background-image:none; top: -3px;} .contHead.contIcon::before {content: "-"; background-image:none; font-size: 25px;} .contDesc p { font-size: 12px;} .contDesc li, .contDesc h4 { font-size: 12px;} /*footer accordion mob ends*/ } /*Timeout Dialog*/ .noTitleStuff[aria-describedby="dialog-confirm"] {padding: 10px;box-sizing:border-box;} .noTitleStuff .ui-dialog-titlebar { display: none;} .ui-dialog.noTitleStuff .ui-dialog-buttonpane button { background: #ea1f2e; color: #fff; border: none; height: 40px; line-height: 40px; padding: 0 20px; font-size: 18px; font-family: Trade Gothic LT Std-BdCn20; text-transform: uppercase;} /*Timeout Dialog*/