.modal{display:none;position:fixed;z-index:999;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.4)}
.modal .modal-content{background-color:white;margin:auto;padding:20px;border:1px solid #888;width:380px;position:relative;border-radius:0}
body.modal-open{overflow:hidden}
@media only screen and (max-width:700px){.modal .modal-content{width:calc(100% - 40px)}
}
.video-modal .modal-header .close{padding:0 !important}
#caltex-signup-widget div.title h1,#caltex-signup-widget div.title h2,#caltex-signup-widget div.title h3{font-family:ITCFranklinGothicStd-Demi;padding-left:15px;min-height:50px;margin-bottom:0;color:#19516c}
#caltex-signup-widget div.title h1{font-size:24px}
#caltex-signup-widget div.title h2{font-size:20px}
#caltex-signup-widget div.title h3{font-size:18px}
#caltex-signup-widget .modal-content{text-align:center}
#caltex-signup-widget .bottom-row{text-align:left}
#caltex-signup-widget .bottom-row .error{color:red;margin-top:3px;font-size:12px;display:block}
#caltex-signup-widget .recaptcha div.recaptcha>div>div{margin:0 auto}
#caltex-signup-widget .recaptcha .bottom-row{display:none}
#caltex-signup-widget .modal-content .modal-close-button{position:absolute;right:16px;top:16px}
#caltex-signup-widget .inline{padding:20px 0;margin:0 auto;width:calc(100% - 20px)}
#caltex-signup-widget .inline .wrap div.icon{display:flex;align-items:center}
#caltex-signup-widget .inline .modal-close-button,#caltex-signup-widget .edit .modal-close-button{display:none}
#caltex-signup-widget .modal-content .modal-close-button i::before{background-image:url('../../../../content/dam/caltex/common/icon/close.svg');content:'';display:block;height:14px;width:14px}
#caltex-signup-widget .modal-content .signup-element-container{background-color:white;padding:20px}
#caltex-signup-widget input.form-control{border-radius:0;font-family:ITCFranklinGothicStd-Book;font-size:14px;color:black}
#caltex-signup-widget input.form-control::placeholder{color:#666}
#caltex-signup-widget .form-element.checkbox{margin-top:0;text-align:left}
#caltex-signup-widget .form-element.checkbox p{margin-bottom:0}
#caltex-signup-widget .form-element.checkbox p a{color:#e62f46}
#caltex-signup-widget .form-element.checkbox .custom-control-label{text-align:left;padding-left:12px !important;font-size:12px}
#caltex-signup-widget .caltex-forms .form-control{padding:12px}
#caltex-signup-promo .caltex-forms .custom-control{padding-left:22px}
#caltex-signup-widget .form-element.checkbox .custom-control-label::before,#caltex-signup-widget .form-element.checkbox .custom-control-label::after{width:1.7rem;height:1.7rem;display:block;border-radius:0}
#caltex-signup-widget .custom-control-input:checked ~ .custom-control-label::before{background:0;border:0;background-position:center;background-image:url('../../../../content/dam/caltex/common/icon/check-box/selected.svg')}
#caltex-signup-widget .custom-control-input:checked ~ .custom-control-label::after{background-image:none}
#caltex-signup-widget .hr-gap{margin-bottom:20px}
#caltex-signup-widget .inline .hr-gap{margin-bottom:10px}
#caltex-signup-widget .inline .signup-element-container{display:grid;grid-template-columns:3fr 4fr 1fr;margin:0 -10px}
#caltex-signup-widget .inline .caltex-forms{margin:10px auto;padding:10px 15px;border:1px solid #c6c6c6}
#caltex-signup-widget .inline .wrap{display:flex;align-items:center;justify-content:center;padding:0 10px}
#caltex-signup-widget .inline .wrap.head .hr-gap,#caltex-signup-widget .inline .wrap.buttons .hr-gap{margin:0;height:50px}
#caltex-signup-widget .inline .wrap.controls{display:block}
#caltex-signup-widget .submitted.inline .wrap.controls{display:none}
#caltex-signup-widget .inline .wrap.buttons{justify-content:right}
#caltex-signup-widget .inline .wrap.recaptcha{display:none}
#caltex-signup-widget .submitted.inline .wrap.recaptcha{display:block}
#caltex-signup-widget .btn{padding:17px 65px 13px;border-radius:25px;font-family:ITCFranklinGothicStd-Demi;font-size:14px;border:0;width:175px}
#caltex-signup-widget .modal-content .success-message{padding:130px 50px}
#caltex-signup-widget .inline .success-message{padding:30px 50px;display:flex;justify-content:center;align-items:center}
#caltex-signup-widget .modal-content .success-message .modal-close-button.btn{position:relative;right:auto;top:auto;margin-top:30px}
#caltex-signup-widget .inline .success-message *{margin-bottom:0}
#caltex-signup-widget .caltex-forms .bottom-row{margin:0}
#caltex-signup-widget .caltex-forms .bottom-row::after{display:none}
#caltex-signup-widget h1{font-size:75px;font-family:ITCFranklinGothicStd-Demi;color:#19516c}
#caltex-signup-widget h2{font-size:54px;font-family:ITCFranklinGothicStd-Demi;color:#19516c}
#caltex-signup-widget h3{font-size:39px;font-family:ITCFranklinGothicStd-Demi;color:#19516c}
#caltex-signup-widget h4{font-size:28px;font-family:ITCFranklinGothicStd-Demi;color:#19516c}
#caltex-signup-widget h5{font-size:20px;font-family:ITCFranklinGothicStd-Demi;color:#19516c}
#caltex-signup-widget h5{font-size:28px;font-family:ITCFranklinGothicStd-Demi;color:#19516c}
#caltex-signup-widget p{font-size:15px;font-family:ITCFranklinGothicStd-Book}
#signup-widget-form-overlay [v-cloak]>*{display:none}
#signup-widget-form-overlay [v-cloak]::before{content:"loading...";font-size:20px}
#signup-widget-form-inline [v-cloak]>*{display:none}
#signup-widget-form-inline [v-cloak]::before{content:"loading...";font-size:20px}
#caltex-signup-widget .modal.hide{display:none}
#caltex-signup-widget .caltex-form-component{background-color:white;padding-bottom:20px}
#caltex-signup-widget .caltex-forms div.alert{margin:20px 20px 0}
#caltex-signup-widget .inline.submitted .form-submit{opacity:0}
@media only screen and (max-width:700px){#caltex-signup-widget .inline .signup-element-container{display:block}
#caltex-signup-widget .inline .caltex-forms{padding:40px 15px}
#caltex-signup-widget .inline .wrap.head{display:block;margin-bottom:20px}
#caltex-signup-widget .inline .wrap.head .hr-gap,#caltex-signup-widget .inline .wrap.buttons .hr-gap{height:auto}
#caltex-signup-widget .inline .wrap.buttons{justify-content:center}
#caltex-signup-widget .recaptcha div.recaptcha>div>div{transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0}
#caltex-signup-widget .inline .success-message *{text-align:center;font-size:24px}
#caltex-signup-widget .inline .wrap div.icon{justify-content:center}
#caltex-signup-widget .inline .wrap.head .hr-gap.icon{margin-bottom:10px}
}
#caltex-signup-widget .btn-primary{background-color:#e62f46}