<>
/* FONTS COMPONENT */
.img-bg {
position: absolute;
right: 0;
top: 0;
position: relative;
max-height: 100%;
overflow: hidden;
min-height: 300px;
background-repeat: no-repeat;
background-size: cover;
background-position: top right;
}
.img-bg img {
height:1px;
width:1px;
}
.jumbotron {
background-color:#f7f7f7;
}
.page-wrap{
max-width:none!important;
padding: 0!important;
}
.container-fluid {
max-width:1170px;
}
.fonts p {
width: 100%;
}
.container-fluid .header-1,.jumbotron .header-1 {
font-family: "HelveticaNeueW02-75Bold""Helvetica Neue"HelveticaArialsans-serif;
font-size: 32px;
line-height: 36px;
color:#333366;
margin-top:40px;
margin-bottom:20px;
}
.container-fluid .header-1.inverse,.jumbotron .header-1.inverse {
margin-top:40px;
margin-bottom:20px;
color:#FFFFFF;
background-color:#333366;
}
.container-fluid .header-2,.header-2 {
font-family: "HelveticaNeueW02-75Bold""Helvetica Neue"HelveticaArialsans-serif;
font-size: 28px;
line-height: 32px;
color: #333366;
margin-top: 40px;
margin-bottom: 0;
}
.container-fluid .header-2.subhead,.jumbotron .header-2.subhead {
font-size: 22px;
line-height:26px;
margin-top:14px;
margin-bottom: 0;
}
.container-fluid .header-2.inverse,.jumbotron .header-2.inverse {
font-size: 22px;
line-height: 26px;
color:#FFFFFF;
background-color:#333366;
}
.container-fluid .title .header-2.jumbotron .title .header-2 {
margin-top: 30px;
margin-bottom: 25px;
}
.container-fluid .header-3,.jumbotron .header-3 {
font-family: "HelveticaNeueW02-75Bold""Helvetica Neue"HelveticaArialsans-serif;
font-size: 22px;
line-height: 24px;
color:#333366;
}
.container-fluid .header-3.drawer,.jumbotron .header-3.drawer {
line-height: 22px;
font-size: 18px;
}
.container-fluid .header-3.inverse,.jumbotron .header-3.inverse {
line-height: 26px;
font-size: 22px;
color:#FFFFFF;
background-color:#333366;
}
.container-fluid .header-4,.jumbotron .header-4 {
font-family: "HelveticaNeueW02-75Bold""Helvetica Neue"HelveticaArialsans-serif;
line-height: 22px;
font-size: 18px;
color:#333366;
}
.container-fluid .header-5,.jumbotron .header-5 {
font-family: "HelveticaNeueW02-75Bold""Helvetica Neue"HelveticaArialsans-serif;
font-size: 16px;
line-height: 18px;
color:#333366;
}
/* REDO*/
h3 a:hover{text-decoration:none;color:#d8d8d8;}
h3 a:hover:after{
background-image: url('https://www.usps.com/assets/images/home/text-link-carat-grey.svg');
}
.container-fluid p,.jumbotron p {
font-family: "HelveticaNeueW02-55Roma","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 16px;
line-height: 22px;
color:#000000;
margin-top:15px;
margin-bottom:15px;
display: inline-block;
}
.container-fluid p.inverse,.jumbotron p.inverse {
color:#FFFFFF;
background-color:#333366;
margin-top:15px;
margin-bottom:15px;
display: inline-block;
}
.inline {
font-family: "HelveticaNeueW02-55Roma","Helvetica Neue",Helvetica,Arial,sans-serif;
display:inline-block;
font-size: 16pt;
line-height: 22pt;
color:#3273c9;
background-color: #FFFFFF;
}
.container-fluid p.disclaimer.container-fluid ul.disclaimer.container-fluid li.disclaimer {
font-family: "HelveticaNeueW02-55Roma","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:10pt;
line-height: 10pt;
color:#000000;
}
.static-alert {
font-family: "HelveticaNeueW02-75Bold""Helvetica Neue"HelveticaArialsans-serif;
font-size:13pt;
line-height: 15pt;
}
a {
font-family: "HelveticaNeueW02-75Bold""Helvetica Neue"HelveticaArialsans-serif;
font-weight:normal;
}
ul {
margin-top: 15px;
margin-bottom: 10px;
list--type: disc;
margin-left: 10%;
}
ul li {
padding-top: 5px;
padding-bottom: 5px;
font-family: "HelveticaNeueW02-55Roma","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 16px;
line-height: 22px;
color: #000000;
}
.fonts {
border: 1px solid #f637c6;
}
.fonts .inverseh4+h5,.inline,.fonts .disclaimer,.static-alert {
border-bottom: 5px solid #f637c6;
}
p+ul {
margin-top: 0;
}
.left {
text-align: left;
float:none;
clear:both;
}
.center {
text-align:center;
}
.sm-txt-title {
width: 100%;
}
a:focusa:hover {
text-decoration:none;
color:#595959;
}
.button--primary {
background-color: #333366;
padding: 10px 20px;
color: #FFFFFF;
border-radius: 3px;
margin: 20px 0;
display: inline-block;
font-size: 16px;
min-width: 150px;
text-align: center;
white-space: nowrap;
font-family: "HelveticaNeueW02-75Bold""Helvetica Neue"HelveticaArialsans-serif;
}
.button--primary:hover{
color:#333366;
text-decoration:none;
background: #F7F7F7;
}
.button--secondary {
color: #333366;
padding: 10px 20px;
margin: 0;
display: inline-block;
font-family: "HelveticaNeueW02-75Bold""Helvetica Neue"HelveticaArialsans-serif;
border-radius: 3px;
font-size: 16px;
min-width: 150px;
text-align: center;
white-space: nowrap;
background-color:#FFFFFF;
border:1px solid #333366;
border-radius: 3px;
margin: 12px 0 25px 0;
max-width:none;
}
.button--secondary:hover {
color:#595959;
text-decoration:none;
background-color:#F7f7f7
}
.button--secondary:hover:after{
background-image: url(https://www.usps.com/assets/images/home/text-link-carat-grey.svg);
}
.button--link {
color:#333366;
font-size:16px;
line-height:16px;
font-family: "HelveticaNeueW02-75Bold""Helvetica Neue"HelveticaArialsans-serif;
}
.button--link:after {
content: "";
display: inline-block;
height: 15px;
width: 20px;
background-image: url(/assets/images/home/text-link-carat-red.svg);
background-repeat: no-repeat;
margin-left: 10px;
top: 2px;
position: relative;
left: -5px;
}
.button--link:hover {
color: #595959;
text-decoration:none;
}
.button--link:hover:after{
background-image: url(https://www.usps.com/assets/images/home/text-link-carat-grey.svg);
}
p a.button--primaryp a.button--secondary {
margin: 0 15px 15px 0;
max-width: 225px;
}
/*
:not(.faq-section) h3 a {
color:#333366;
text-decoration:none;
font-family: "HelveticaNeueW02-75Bold""Helvetica Neue"HelveticaArialsans-serif;
position: relative;
}
:not(.faq-section) h3 a:after {
content: "";
display: inline-block;
background-image: url(https://www.usps.com/assets/images/home/text-link-carat-red.svg);
background-repeat: no-repeat;
margin-left: -25px;
position: relative;
height: 15px;
width: 15px;
left: 30px;
top: 0px;
}
*/
.no-overflow {
overflow:hidden;
}
.drop-shadow {
box-shadow: 2px 2px 8px 1px #595959;
}
.jumbotron {
padding-top: 0;
padding-bottom: 0;
overflow: hidden;
margin-bottom: 30px;
}
@media (max-width: 992px){
/* FONTS */
.button--holder {
text-align: center;
}
.container-fluid h2.jumbotron h2 {
margin-top:30px;
margin-bottom:15px;
}
.container-fluid h2.jumbotron h2 {
margin-top:15px;
margin-bottom:15px;
}
p.button--holder {
text-align: center;
margin-top:0;
width:100%;
}
.jumbotron.hero-component {
padding-bottom:20px;
}
}
@media (max-width: 767px) {
/* FONTS */
.page-wrap {
padding-left: 0px!important;
padding:0px!important;
}
.jumbotron .col-xs-12 img {
padding-left: 0!important;
margin-left: -15px!important;
width: 115%;
padding-right: 0;
}
.content {
padding-left: 0px!important;
}
.jumbotron {
margin-bottom: 30px;!important
}
.jumbotron img {
padding-left: 0!important;
margin-left: -15px!important;
}
.col-lg-1.col-lg-10.col-lg-11.col-lg-12.col-lg-2.col-lg-3.col-lg-4.col-lg-5.col-lg-6.col-lg-7.col-lg-8.col-lg-9.col-md-1.col-md-10.col-md-11.col-md-12.col-md-2.col-md-3.col-md-4.col-md-5.col-md-6.col-md-7.col-md-8.col-md-9.col-sm-1.col-sm-10.col-sm-11.col-sm-12.col-sm-2.col-sm-3.col-sm-4.col-sm-5.col-sm-6.col-sm-7.col-sm-8.col-sm-9.col-xs-1.col-xs-10.col-xs-11.col-xs-12.col-xs-2.col-xs-3.col-xs-4.col-xs-5.col-xs-6.col-xs-7.col-xs-8.col-xs-9 {
position: relative;
min-height: 1px;
padding-right: 10px!important;
padding-left: 10px!important;
}
}
/* expand */
/* faq */
.faq-section span.expand.visible-expand span.expand {
margin-right: 45px;
display:block;
}
.container-fluid.faq-section {
padding-bottom: 50px;
}
.faq-section {
}
.faq-unit:last-of-type,.expand-unit:last-of-type {
border-bottom: 1px solid #d8d8d8;
}
.faq-section h2,.visible-expand h2 {
margin-bottom: 30px;
}
.faq-unit>h4.expand-unit>h4 {
font-size: 18px;
line-height: 22px;
padding-right: 35px;
position:relative;
padding-left: 30px;
}
.faq-unit h4 a.expand-unit h4 a {
text-decoration:none;
color:#333366;
position:relative;
width:100%;
display:inline-block;
}
.faq-unit>h4:after.expand-unit>h4:after {
content: "";
display: inline-block;
position: absolute;
right:0;
background-size: 25px 25px;
top: 20%;
width: 25px;
background-repeat: no-repeat;
background-position: 0 0;
height: 25px;
background-image: url(https://www.usps.com/component-guide/blue-caret.svg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
transition: transform 0.2s ease-out;
}
.faq-unit.active h4:after.expand-unit.active h4:after {
background-image: url(https://www.usps.com/component-guide/blue-caret.svg);
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
transition: transform 0.2s ease-out;
}
.faq-unit,.expand-unit {
padding-left:0;
padding-right:0;
padding-top:15px;
padding-bottom:15px;
border-top: 1px solid #d8d8d8;
}
.faq-unit.active.faq-unit:hover.expand-unit:active.expand-unit:hover {
background:#ededed;
color:#333366;
}
.faq-unit .drawer,.faq-unit.active .drawer{
padding-left: 30px;
}
.faq-unit .drawer.expand-unit .drawer {
display: none;
}
.faq-unit.active .drawer,
.expand-unit.active .drawer {
display: block;
}
.faq-unit.active .drawer p,
.expand-unit.active .drawer p {
display: block;
color:#333366;
padding-right: 10px;
}
span.expand {
font-family: "HelveticaNeueW02-75Bold""Helvetica Neue"HelveticaArialsans-serif;
font-size: 18px;
line-height: 32px;
color: #333366;
cursor: pointer;
position: absolute;
white-space:nowrap;
right:25px;
bottom:-30px;
}
span.expand:after {
content: "";
display: inline-block;
background-image: url(/component-guide/blue-caret.svg);
background-repeat: no-repeat;
margin-left: -25px;
position: relative;
height: 20px;
width: 20px;
left: 30px;
top: 10px;
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
transition: transform 0.2s ease-out;
}
span.expand.active:after {
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
top:0;
transition: transform 0.2s ease-out;
}
.visible-expand div.expand-unit {
padding-left: 0;
}
.visible-expand div.expand-unit>p {
padding-left: 0;
}
.visible-expand {
margin-bottom: 50px;
}
.visible-expand div.expand-unit>h4 {
padding-left: 0;
padding-right:30%;
}
.visible-expand div.expand-unit>p {
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
width:65%;
}
.visible-expand .expand-unit .drawer {
width:100%;
padding-left:15px;
}
.visible-expand .expand-unit p.visible-expand .expand-unit.active .drawer p {
color:#000000;
}
.faq-section.full-width .faq-unit h4 a {
width: 90%;
}
.expand-unit.active .expand-more{
display:none;
}
.expand-unit .expand-less{
display:none;
}
.expand-unit.active .expand-less{
display: inline-block;
}
.expand-unit {
padding-bottom:30px;
}
.faq-section.full-width .faq-unit h4 {
padding-right: 20%;
}
.full-width .faq-unit.active .drawer * {
padding-right:30%;
}
.inline-disclaimer {
display:inline !important;
}
.faq-unit h4 {
cursor: pointer;
}
.faq-unit:last-of-type,.expand-unit:last-of-type {
border-bottom: 1px solid #d8d8d8;
}
.faq-section h2,.visible-expand h2 {
margin-bottom: 30px;
}
.faq-unit>h4.expand-unit>h4 {
font-size: 18px;
line-height: 22px;
padding-right: 35px;
position:relative;
}
.expand-unit>h4 {
padding-left:30px;
}
.faq-unit>h4 a.expand-unit>h4 a {
text-decoration:none;
color:#333366;
position:relative;
width:100%;
display:inline-block;
}
.faq-unit>h4:after.expand-unit>h4:after,.expand-unit>.header-3:after,.expand-unit>.header-4:after {
content: "";
display: inline-block;
position: absolute;
right:0;
background-size: 25px 25px;
top: 20%;
width: 25px;
background-repeat: no-repeat;
background-position: 0 0;
height: 25px;
background-image: url(https://www.usps.com/component-guide/blue-caret.svg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
transition: transform 0.2s ease-out;
}
.faq-unit.active>h4:after.expand-unit.active>h4:after,.expand-unit.active>.header-3:after,.expand-unit.active>.header-4:after {
background-image: url(https://www.usps.com/component-guide/blue-caret.svg);
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
transition: transform 0.2s ease-out;
}
.faq-unit,.expand-unit {
padding-left:0;
padding-right:0;
padding-top:15px;
padding-bottom:15px;
border-top: 1px solid #d8d8d8;
}
.jumbotron .faq-unit.active.jumbotron .faq-unit:hover.jumbotron .expand-unit:active.jumbotron .expand-unit:hover {
background:#f7f7f7;
color:#333366;
}
.faq-unit .drawer,.faq-unit.active .drawer{
padding-left: 30px;
}
.faq-unit .drawer.expand-unit .drawer {
display: none;
}
.faq-unit.active .drawer,
.expand-unit.active .drawer {
display: block;
}
.faq-unit.active .drawer p,
.expand-unit.active .drawer p {
display: block;
color:#333366;
padding-right: 10px;
}
@media (max-width: 992px){ .faq-section h2,.faq-unit,.expand-unit,.visible-expand h2 {
margin-left: 20px!important;
margin-right: 20px!important;
}
}
span.expand:after {
content: "";
display: inline-block;
background-image: url(/component-guide/blue-caret.svg);
background-repeat: no-repeat;
margin-left: -25px;
position: relative;
height: 20px;
width: 20px;
left: 30px;
top: 10px;
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
transition: transform 0.2s ease-out;
}
span.expand.active:after {
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
top:0;
transition: transform 0.2s ease-out;
}
.visible-expand div.expand-unit {
padding-left: 0;
}
.visible-expand div.expand-unit>p {
padding-left: 0;
}
.visible-expand {
margin-bottom: 50px;
}
.visible-expand div.expand-unit>h4 {
padding-left: 0;
padding-right:30%;
}
.visible-expand div.expand-unit>p {
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
width:65%;
}
.visible-expand .expand-unit .drawer {
width:100%;
padding-left:15px;
}
.visible-expand .expand-unit p.visible-expand .expand-unit.active .drawer p {
color:#000000;
}
.expand-unit.active .expand-more{
display:none;
}
.expand-unit .expand-less{
display:none;
}
.expand-unit.active .expand-less{
display: inline-block;
}
.expand-unit {
padding-bottom:30px;
}
strongh4 {
font-weight:normal;
font-family: "HelveticaNeueW02-75Bold""Helvetica Neue"HelveticaArialsans-serif;
}
@media (min-width: 744px){
.hero-component .row.bg-img {
background: url(/assets/images/ship/packages/hero-image-shipments-desktop.png);
background-repeat: no-repeat;
background-position: 100% 0;
background-size: 50% 100%;
overflow: visible;
max-width: none;
}
}
span.expand-all {
font-family: "HelveticaNeueW02-75Bold""Helvetica Neue"HelveticaArialsans-serif;
font-size: 18px;
line-height: 32px;
color: #333366;
float: right;
top: 10px;
cursor: pointer;
position: relative;
padding: 30px 25px;
white-space: nowrap;
}
span.expand-all:after {
content: "";
display: inline-block;
background-image: url(/component-guide/blue-caret.svg);
background-repeat: no-repeat;
margin-left: -25px;
position: relative;
height: 20px;
width: 20px;
left: 30px;
top: 10px;
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
transition: transform 0.2s ease-out;
}
span.expand-all.active:after {
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
top: 0;
transition: transform 0.2s ease-out;
}
.expand-unit .drawer h4 {
margin-top: 23px;
}
a sup {
text-decoration: none;
font-size: 75%;
vertical-align: super;
top: 0;
line-height: 16px;
display: inline-block;
}
a:hover sup {
border-bottom: 1px solid #333366;
padding-bottom: 3px;
}
.drawer h5 {
border-bottom: 0;
margin-top: 20px;
margin-bottom: 0;
}
p a.button--primaryp a.button--secondary {
max-width:none;
}
@media (max-width: 776px){
.visible-expand div.expand-unit>p {
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
width:95%;
}
.visible-expand .expand-unit .drawer {
width:95%;
padding-left:15px;
}
}
@media (max-width: 992px){
/* FAQ SECTION/EXPAND */
.faq-section h2,.faq-unit,.expand-unit,.visible-expand h2 {
margin-left: 20px!important;
margin-right: 20px!important;
}
.faq-unit {
padding-left: 0px;
padding-right: 0px;
}
.lg-txt-crd h2 {
padding-top: 0;
padding-bottom: 20px;
width: 70%;
text-align: left;
display: inline-block;
}
.lg-txt-crd .lg-crd.active div p a {
text-align:center;
margin-bottom:0;
margin-left: 0;
margin-right: 0;
}
.lg-txt-crd .lg-crd.active div li {
display: list-item;
margin-bottom: 0;
}
.lg-txt-crd .lg-crd.active div li a {
margin-bottom: 0;
display: inline-block;
vertical-align: text-top;
}
.lg-txt-crd .lg-crd div .button--holder,.lg-txt-crd .lg-crd div .button--holder a {
text-align: center;
}
}
<>
@media (min-width: 768px){
.vdrawers .expandv {
display:none;
}
}
@media (max-width: 767px){
.v-tab .active div.visuallyhidden {
display:block;
height:auto;
width:auto;
clip:auto;
}
.vdrawers .expandv {
margin-right:30px;
display:block;
font-family: "HelveticaNeueW02-75Bold""Helvetica Neue"HelveticaArialsans-serif;
font-size: 18px;
line-height: 32px;
color: #333366;
float: right;
top:0;
position:relative;
cursor: pointer;
padding: 30px 0;
white-space: nowrap;
}
.vdrawers .expandv:after {
content: "";
height: 25px;
width: 25px;
background-image: url(/component-guide/blue-caret.svg);
background-repeat: no-repeat;
right: 0;
display: inline-block;
top: 45%;
position: absolute;
right: -30px;
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
transition: transform 0.2s ease-out;
}
.vdrawers.active .expandv:after {
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
transition: transform 0.2s ease-out;
top:30%;
}
}
@media (min-width: 768px) {
.v-tab h3 {
padding-bottom: 20px;
margin-bottom:0;
}
.v-tab h3+p {
padding-top: 0;
margin-top:0;
margin-bottom:0;
padding-bottom: 20px;
}
}
.no-touch .expand-unit a:hover.no-touch .expand-unit a:focus {
color: #333366;
}
.faq-unit:hover.expand-unit:hover {
background-color: transparent;
}
.expand-unit .header-2,.expand-unit .header-3,.expand-unit .header-4 {
color:#333366!important;
position:relative;
}
.no-touch a:hover.no-touch a:focus {
color: #333366;
}
.hero-text ~ div img {max-width: fit-content;}
.button--link + .button--primary {
margin-top: 20px;
display: inline-block;
}
a.button--secondary:after {
display:none;
}
.sm-txt-title {
padding: 0;
}
.lg-txt-crd .sm-txt-title {
margin-bottom: 30px;
margin-top: 40px;
position:relative;
text-align:left;
}
<>
a.button--secondaryp a.button--secondaryp a.button--linka.button--link.container-fluid p a:not(.button--primary).container-fluid li a .container-fluid li a {
border-bottom: none;
text-decoration:underline;
color: #337ab7;
font-family: inherit;
border-right:0;
border-left:0;
border-top:0;
margin:0 0 0 0;
padding:0 0 0 0;
min-width:0!important;
border-radius:0;
}
p.button--holder {font-family: "HelveticaNeueW02-75Bold""Helvetica Neue"HelveticaArialsans-serif;}
.button--secondary:after.button--link:after {
display:none;
}
a.button--secondary:hoverp a.button--secondary:hoverp a.button--link:hovera.button--link:hover .container-fluid p a:not(.button--primary):hover,
a.button--secondary:focusp a.button--secondary:focusp a.button--link:focusa.button--link:focus .container-fluid p a:not(.button--primary):focus
.container-fluid li a:hover .container-fluid li a:focus {
border-bottom:none!important;
color: #337ab7 !important;
background-color: transparent;
text-decoration:none;
}
.jumbotron .row div.track-package--input-wrap {
padding-left: 0;
border-radius: 0;
max-width:400px;
}
.jumbotron .row div.track-package--input-wrap form#track-package--form .input--wrap {
background-color:#FFFFFF;
border-radius: 0;
box-shadow:none;
border: 1px solid #d9d9d9;
width:100%;
color:#333366;
max-width:400px;
padding-left: 0;
}
input.track-package--search.input--search {
background-color: transparent;
background-image: url(/assets/images/components/[email protected]);
background-position: 0px -52px;
background-size: 71px 154px;
width: 26px;
height: 27px;
position: absolute;
right: 6px;
text-indent: -9999px;
top: 6px;
}
<>
section.jumbotron.alert-topper.red {
background: transparent;
margin-top:60px;
margin-bottom: 30px;
}
.jumbotron.hero-component.alert-top {
text-align: center;
background-color: transparent;
margin-bottom: 20px;
padding-left: 30px;
padding-right: 30px;
}
.jumbotron.hero-component.alert-top p {
border-right:0;
border-top:0;
border-bottom:0;
border-left: 15px solid #3573B1;
padding: 20px 20px;
margin-top: 20px;
text-align: left;
width:100%;
margin-bottom:0;
background-color:#E7F6F8;
}
.alert-topper {
margin: 0 auto;
background-color: transparent;
}
.alert-topper p {
max-width: 1170px;
text-align: left;
width: 100%;
padding-left: 40px;
padding-top: 12px;
font-size: 16px;
font-family: "HelveticaNeueW02-55Roma","Helvetica Neue",Helvetica,Arial,sans-serif;
padding-bottom: 16px;
position: relative;
}
.alert-p {
border-left: 0;
position: relative;
padding-left: 0;
}
.jumbotron.alert-topper .container-fluid {
background-color: #E7F6F8;
border-left: 15px solid #3573B1;
padding-left:19px;
}
.alert-topper p:first-child:before {
content: '';
display: inline-block;
background: url(/assets/images/global/info-icon.svg);
width: 22px;
height: 22px;
background-size: 22px 22px;
position: absolute;
margin-left: 0;
left: 0;
background-repeat: no-repeat;
top: 12px;
}
}
.alert-top.alert-topper {
max-width: 1175px;
margin:0 auto;
margin-top:60px;
}
.alert-top a.alert-topper a {
color: #005EA2;
text-decoration: underline;
}
.alert-top a:hover.alert-topper a:hover {
color: #005EA2;
text-decoration: none;
}
.jumbotron.hero-component.alert-top.red p.jumbotron.alert-topper.red .container-fluid {
border-left: 15px solid #e71921;
background-color:#f4e3db;
}
.alert-topper p+p {
margin-top: 0;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.alert-topper p:last-child {
margin-bottom: 15px;
padding-bottom: 15px;
}
.alert-topper p:first-child {
margin-bottom: 15px;
padding-bottom: 15px;
margin-bottom:0;
}
@media (min-width: 992px){
/*.col-md-5.hidden-sm.hidden-xs img {
height: 100%;
width: auto;
}*/
.jumbotron.hero-component {
padding-bottom: 0!important;;
}
ol {
margin-left: 25px;
margin-top: 0;
margin-bottom: 0;
}
}
<>
@media (min-width: 767px ) {
.col-1-txt.col-2-hd {
margin-bottom: 20px;
}
}
@media screen and (min-width: 767px ) {
.col-1-txt.col-2-hd {
margin-bottom: 25px!important;
}
}
@media screen and (min-width: 992px) {
.button--holder.center-btn {
padding-top: 30%;
}
.lg-crd p.button--holder.lg-crd .button--primary {
display: block;
}
.lg-txt-crd .container-fluid {
padding-left: 30px;
padding-right: 30px;
}
}
@media screen and (max-width: 992px ) {
.lg-txt-crd .lg-crd h3 {
padding-right: 40px !important;
}
.lg-txt-crd .lg-crd.active div sup {
margin-bottom: 0;
}
.phone-img {
max-width: 100%;
}
.lg-crd .button--primary {
width: 250px;
}
}
.col-1-txt p + p.button--holder {
margin-top: 20px;
}
.container-fluid p.disclaimer {
line-height: 15pt;
}
@media (max-width: 991px) and (min-width: 768px){
.container-fluid .col-1-txt {
padding-left: 20px!important;
padding-right: 20px!important;
}
.col-sm-10.col-xs-10 .phone-img {
padding-left: 0;
padding-right: 0;
}
.lg-crd {
padding-left: 10px!important;
}
.jumbotron.hero-component .container-fluid {
padding-left: 0;
padding-right: 0;
}
.sm-txt-title {
padding-left:10px!important;
}
}
@media (max-width: 767px){
.container-fluid .col-1-txt {
padding-left: 20px!important;
padding-right: 20px!important;
}
.col-sm-10.col-xs-10 .phone-img {
padding-left: 15px;
padding-right:15px;
}
.lg-crd {
padding-left: 10px!important;
}
.jumbotron.hero-component .container-fluid {
padding-left: 10px;
padding-right:10px;
}
.sm-txt-title {
padding-left:10px!important;
}
}
@media (max-width: 991px) {
.lg-txt-crd .container-fluid {
padding-left: 15px!important;
padding-right: 15px!important;
}
.lg-txt-crd .container-fluid .lg-crd {
padding-left: 10px!important;
padding-right: 10px!important;
}
.lg-txt-crd .container-fluid .row {
margin-left: 0;
margin-right: 0;
}
.lg-txt-crd .container-fluid .sm-txt-title.center {
padding-left:15px!important;
padding-right:0!important;
}
}
<>
@media (min-width: 993px) {
.lg-crd > .col-md-4>.button--holder,.lg-crd > .col-md-3>.button--holder,.lg-crd > .col-md-5>.button--holder {
margin-top:43px;
}
}
Receive Mail & Packages
Enter a USPS Tracking® number in the search box to check the status of a package.
Track Your Package
Going out of town or want to change where your mail is delivered? Learn about all the ways to handle your incoming USPS® mail and packages and choose the best option.
Get Informed Delivery
Now both business and personal accounts can preview images* of mail and manage incoming packages on one dashboard without entering tracking numbers. From the Informed Delivery® dashboardyou can also sign up for text or email notificationsschedule delivery alertsrequest Redeliveryenter USPS Delivery Instructions®and more.
USPS Electronic Signature Online
Informed Delivery for personal accounts includes USPS Electronic Signature Online® (USPS eSOL®)a feature that allows you to digitally sign for incoming packages that require a signature including Priority Mail Express®Signature Confirmation™and those insured for $500 or more. USPS carriers will leave your packages in your mailbox or at your preferred delivery location if they are too large to fit in your mailbox.
*NOTE: Black and white (grayscale) images show the front of the outside of letter-sized envelopes and mailpieces that are processed through USPS® automated equipment.
Simple Ways to Manage Your Mail
Standard Forward Mail & Change of Address
USPS is taking steps to increase securitycombat identity theftand further protect our customers' information. When you submit a change of address request onlineyou need to take additional steps to verify your identity:
- Opt in online to receive a verification code or link on your mobile phone OR go to a Post Office™ location with an acceptable photo ID to complete the identity verification process in person.
- Pay the $1.25 identity verification fee.
After your change of address request is approvedyou'll get confirmation as well as instant access to valuable coupons provided by third-party retailers in your area. Your change of address request lasts for 12 monthsbut you can pay to extend it for 612or 18 more months.
Premium Forwarding Mail
Taking a long vacation or an out-of-town assignment? For a weekly feeyou can have most mail sent to you each week with our Premium Forwarding Service Residential®. The temporary service is available for periods as short as 2 weeks and up to 1 year.
USPS Package Intercept
With USPS Package Intercept® servicethe sender (or authorized representative) can redirect domestic packageslettersand flats with a tracking or extra services barcode as long as the items have not yet been delivered or released for delivery.
Retail Senders: You can request to have a shipment redirected back to your address or to a Post Office location as Hold For Pickup. Learn More
Commercial Senders: Through Business Customer Gatewayyou can request to have a shipment redirected back to your addressto a new delivery addressor to a Post Office location as Hold For Pickup. Learn More
Reserve a PO Box
Want to separate home and business mail or keep your address private? Reserving a PO Box™ is a great way to get your mail when and where you want it. PO Boxes are available in a range of costs and sizes. Just find one online near youcomplete the applicationpay with a credit cardand bring the printed formyour emailed receiptand two IDs to the Post Office.
USPS Hold Mail
If you're going out of town for a whileyou can submit a USPS Hold Mail® request online and we'll keep your mail safely at your local Post Office until you return. You can schedule the service for a minimum of 3 days and a maximum of 30 days in advance of your date or by 2 AM CST (Mon.–Sat.) on the start date.
For enhanced securityUSPS now requires you to create or sign in to your USPS.com account to verify your identity and current address before submitting a new online USPS Hold Mail request.
Hold For Pickup
Whether you’re shipping from a retail store or printing your own shipping label with postageyou can always elect to Hold For Pickup. Hold For Pickup allows the recipient to collect a package at the local Post Office.
Schedule Redelivery Service
If we missed you when we tried to deliver your package or mailyou can get it redelivered by making a request online. Use the tracking barcode for your item and schedule Redelivery on a day that's more convenient for you. In select marketsrecipients can also schedule Redelivery to a USPS® Smart Locker. If you have your tracking numberyou can also schedule Redelivery via USPS Tracking®.
USPS Delivery Instructions*
If your package doesn’t fit in your mailbox and you won’t be home to receive ityou can provide USPS Delivery Instructions online and authorize your carrier to leave it in a specified location. Just track your package and select “Delivery Instructions.” You can request that your package be left with a neighbor or held at a Post Office for pickup. For the cost of additional postageyou can have your package sent to a different domestic address. You can also change your shipping service optionupgrading to Priority Mail Express® service or Priority Mail® serviceas well as add insurance and extra services.**
* Service is only available for packages sent domestically.
** Not available for packages sent to APO/FPO/DPO addresses. Other restrictions may apply.