<style>form#mktoForm_1775 { font-family: 'roboto' !important; } .ups-social_signon_list { list-style: none; padding: 0; margin-bottom: 0 } .ups-social_signon_list .ups-social_signon_listitem button { display: block; width: 100%; background: none; border: 1px solid #8c8585; border-radius: 3px; padding: 10px; margin-bottom: 15px } .ups-socialicon { display: inline-block; background: url("https://www.ups.com/assets/resources/webcontent/images/social_icons_sprite.svg") no-repeat; background-size: 181px 26px; width: 25px; height: 26px; vertical-align: middle; margin-right: 10px } .ups-socialicon_google { background-position: 0 0 } .ups-socialicon_facebook { background-position: -26px 0 } .ups-socialicon_amazon { background-position: -52px 0 } .ups-socialicon_paypal { background-position: -78px 0 } .ups-socialicon_apple { background-position: -104px 0 } .ups-socialicon_twitter { background-position: -130px 0 } .ups-socialicon_wechat { background-position: -156px 0 } .iw_component .mktoForm, .iw_component .message-sent-block { padding: .5rem 1.5rem 2rem } @media(min-width: 1280px) { .iw_component .mktoForm, .iw_component .message-sent-block { margin: 0 auto; max-width: 1280px; padding: 2.5rem 2rem 4rem } } @media(min-width: 1600px) { .iw_component .mktoForm, .iw_component .message-sent-block { max-width: 1488px; padding: 2.5rem 3rem 4rem } } .mktoForm { font-family: "UPSRoboto", Tahoma, helvetica, arial, sans-serif !important; font-size: .875rem !important; width: 100% !important } .mktoForm::after { display: block; content: ""; clear: both } .mktoMobileShow .mktoForm a, .mktoForm a { padding: 0 } .mktoForm .mktoFormRow { display: flex; flex-direction: column } @media(min-width: 768px) { .mktoForm .mktoFormRow { flex-direction: row; gap: 2rem } } @media(min-width: 1280px) { .mktoForm .mktoFormRow { gap: 3rem } } .mktoForm .mktoFormRow .mktoLabel { font-weight: bold } .mktoForm .mktoFormRow .mktoFormCol { flex: 1 } .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap { float: none } .mktoForm .mktoFormRow .mktoFormCol label, .mktoForm .mktoFormRow .mktoFormCol input, .mktoForm .mktoFormRow .mktoFormCol textarea, .mktoForm .mktoFormRow .mktoFormCol select, .mktoForm .mktoFormRow .mktoFormCol .mktoRadioList, .mktoForm .mktoFormRow .mktoFormCol .mktoCheckboxList, .mktoForm .mktoFormRow .mktoFormCol .mktoHtmlText { display: block; float: none; width: 100% !important; padding-top: 1.5rem } .mktoForm .mktoFormRow .mktoFormCol .mktoHtmlText em, .mktoForm .mktoFormRow .mktoFormCol .mktoHtmlText small { padding: 0 } .mktoForm .mktoFormRow .mktoFormCol .mktoGutter { display: block; height: .625rem } .mktoForm .mktoFormRow .mktoFormCol input, .mktoForm .mktoFormRow .mktoFormCol select, .mktoForm .mktoFormRow .mktoFormCol textarea { height: 46px; position: relative; border: 2px solid #e5e5e5; border-radius: 4px; padding: .625rem; box-shadow: none; font-size: 1rem } .mktoForm .mktoFormRow .mktoFormCol input.mktoInvalid, .mktoForm .mktoFormRow .mktoFormCol select.mktoInvalid, .mktoForm .mktoFormRow .mktoFormCol textarea.mktoInvalid { border: 2px solid #df0101 } .mktoForm .mktoFormRow .mktoFormCol input.mktoInvalid:focus, .mktoForm .mktoFormRow .mktoFormCol select.mktoInvalid:focus, .mktoForm .mktoFormRow .mktoFormCol textarea.mktoInvalid:focus { border: 2px solid #e5e5e5 } .mktoForm .mktoFormRow .mktoFormCol input.mktoInvalid:focus+.mktoError, .mktoForm .mktoFormRow .mktoFormCol select.mktoInvalid:focus+.mktoError, .mktoForm .mktoFormRow .mktoFormCol textarea.mktoInvalid:focus+.mktoError { visibility: hidden } .mktoForm .mktoFormRow .mktoFormCol textarea { height: 165px } .mktoForm .mktoFormRow .mktoFormCol .mktoAsterix { padding-left: 0; padding-right: .5rem; float: left } .mktoForm .mktoFormRow .mktoFormCol .mktoRadioList, .mktoForm .mktoFormRow .mktoFormCol .mktoCheckboxList { padding: 0 } .mktoForm .mktoFormRow .mktoFormCol .mktoRadioList input[type=radio], .mktoForm .mktoFormRow .mktoFormCol .mktoCheckboxList input[type=radio] { position: absolute } .mktoForm .mktoFormRow .mktoFormCol .mktoRadioList { padding-top: .625rem } .mktoForm .mktoFormRow .mktoFormCol input[type=radio]+label { position: relative; padding-top: 0; padding-left: 2.5rem; line-height: 1.5rem; margin: 0; margin-bottom: 1rem } .mktoForm .mktoFormRow .mktoFormCol input[type=radio]+label:last-of-type { margin-bottom: 0 } .mktoForm .mktoFormRow .mktoFormCol input[type=radio]+label:before { content: ""; width: 1.5rem; height: 1.5rem; position: absolute; border: .0625rem solid #bfb8af; border-radius: 50%; background: #fff; box-shadow: none; margin-left: 0; left: 0 } .mktoForm .mktoFormRow .mktoFormCol input[type=radio]:checked+label:before { border: .5rem solid #0a8080 } .mktoForm .mktoFormRow .mktoPlaceholdersubIndustry { flex: 1 } .mktoForm .mktoFormRow .mktoOffset, .mktoForm .mktoFormRow .mktoClear { display: none } .mktoForm .mktoButtonRow { padding-top: 1.5rem } .mktoForm .mktoButtonRow .mktoButtonWrap.mktoInset, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoSimple, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoNative, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoGlow, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoRound { margin: 0 !important } .mktoForm .mktoButtonRow .mktoButtonWrap.mktoInset button, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoSimple button, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoNative button, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoGlow button, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoRound button { position: relative; user-select: none; font-size: 1rem; font-weight: 500; line-height: 1.5; border-radius: 2.5rem; padding: .625rem 1.5rem; cursor: pointer; border: none; min-width: 100px; color: #121212; transition: all .35s ease-in-out; z-index: 1; background: #ffc400; box-shadow: none; } .mktoForm .mktoButtonRow .mktoButtonWrap.mktoInset button::after, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoSimple button::after, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoNative button::after, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoGlow button::after, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoRound button::after { font-family: "upsicons"; font-size: .75rem; margin-left: .5rem; content: "\e600" } .mktoForm .mktoButtonRow .mktoButtonWrap.mktoInset button:hover, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoInset button.hover, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoSimple button:hover, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoSimple button.hover, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoNative button:hover, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoNative button.hover, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoGlow button:hover, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoGlow button.hover, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoRound button:hover, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoRound button.hover { color: #121212; background: #ffd033; border: none } .mktoForm .mktoButtonRow .mktoButtonWrap.mktoInset button:focus, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoInset button:active, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoSimple button:focus, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoSimple button:active, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoNative button:focus, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoNative button:active, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoGlow button:focus, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoGlow button:active, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoRound button:focus, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoRound button:active { background: #ffc400; color: #121212; box-shadow: none } .mktoForm .mktoButtonRow .mktoButtonWrap.mktoInset button.disabled, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoInset button:disabled, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoSimple button.disabled, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoSimple button:disabled, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoNative button.disabled, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoNative button:disabled, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoGlow button.disabled, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoGlow button:disabled, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoRound button.disabled, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoRound button:disabled { background-color: #f2f1ef; color: #bfb8af } .message-sent-block { text-align: center } @media(min-width: 768px) { .message-sent-block { min-width: 480px; width: 30%; margin: 0 auto } } .message-sent-block h2, .message-sent-block h3, .message-sent-block h4, .message-sent-block h5 { font-weight: 400; font-size: 1.875rem; margin: 1rem 0 } .message-sent-block p { color: #757575 } /* For checkbox move to left */ #uPSGFFProductInformation { width: 1.5rem !important; border-radius: 0.25rem; margin-top: 0px; } .mktoForm input[type=checkbox]+label:before { width: 50px !important; height: 50px !important; bottom: 0; } /* Remove space after checkbox */ div.mktoLogicalField.mktoCheckboxList input+label { display: none !important; } input#uPSGFFProductInformation { accent-color: teal; } .mktoLogicalField.mktoCheckboxList:hover #LbluPSGFFProductInformation:before { background-color: #f2f1ef; position: absolute; content: ""; top: 0px; left: 0px; height: 24px !important; width: 24px !important; } .mktoLogicalField label#LbluPSGFFProductInformation { position: relative; width: 24px !important; height: 24px; margin-top: -35px; padding: 0; margin-left: 10px; } </style>
<form id="mktoForm_1775"></form>
<script src="//gffsolutions.ups.com/js/forms2/js/forms2.min.js"></script>
<script>MktoForms2.loadForm("//gffsolutions.ups.com", "646-DDV-705", 1775); MktoForms2.whenReady(function (mktoForm) {
mktoForm.setValues(
{ lastMarketoFormURL: document.location.href }
);
});
</script>