<>
/* FONTS */
.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: block;
}
.container-fluid p.inverse,.jumbotron p.inverse {
color:#FFFFFF;
background-color:#333366;
margin-top:15px;
margin-bottom:15px;
display: 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-55Roma","Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight:normal;
}
ul {
margin-top: 15px;
margin-bottom: 10px;
list--type: disc;
margin-left: 25px;
}
.container-fluid ol {
margin-top: 15px;
margin-bottom: 10px;
list--type: numbers;
margin-left: 25px;
}
.container-fluid ol 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;
display:list-item;
list--type: decimal;
}
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:#337ab7;
}
.button--primary:link.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;
text-decoration:none;
}
.button--primary:hover,:link.button--primary:hover{
color:#333366;
text-decoration:none;
background: #F7F7F7;
}
.button--primary:focus,:link.button--primary:focus{
color:#FFFFFF !important;
text-decoration:none;
background: #333366 !important;
}
.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: left;
}
.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: left;
margin-top:0;
width:100%;
}
.jumbotron.hero-component {
padding-bottom:20px;
}
}
@media (max-width: 767px) {
p.button--holder {
text-align: center;
margin-top:0;
width:100%;
}
/* 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:#000000;
padding-right: 10px;
}
span.expand {
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 0;
white-space:nowrap;
}
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:70%;
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: 0;
}
.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;
font-family: inherit;
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:#000000;
padding-right: 10px;
}
@media (max-width: 992px){ .faq-section h2,.faq-unit,.expand-unit,.visible-expand h2 {
margin-left: 5px!important;
margin-right: 5px!important;
}
}
span.expand {
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 0;
white-space:nowrap;
}
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 h2 {
white-space: normal; display: inline-block;
}
.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:70%;
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;
}
}
.nowrap {
white-space: nowrap;
}
span.expand-all {
font-family: "HelveticaNeueW02-75Bold""Helvetica Neue"HelveticaArialsans-serif;
font-size: 18px;
line-height: 32px;
color: #333366;
cursor: pointer;
white-space: nowrap;
float: right;
bottom: 0;
position: absolute;
right: 50px;
}
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;
}
.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: 5px!important;
margin-right: 5px!important;
}
.faq-unit {
padding-left: 0px;
padding-right: 0px;
}
.visible-expand .expand-unit .drawer {
width:100%;
}
.drawer .custom-container-2 p {
margin: 0;
}
.drawer .custom-container-2.last p {
margin-bottom:20px;
}
}
<>
@media (min-width: 768px){
.vdrawers .expandv {
display:none;
}
.img-draw {float:right;margin-right:25px; margin-left:75px;margin-bottom:30px;}
}
@media (max-width: 767px){
p.disclaimer-text {
padding: 10px;
font-size: 10pt;
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.img-draw{display:inline-block; margin: 0 auto;padding-top:30px;}
.v-tab .active div.visuallyhidden {
display:block;
height:auto;
width:auto;
clip:auto;
}
.vdrawers .expandv {
margin-right: 30px;
display: inline-block;
font-family: "HelveticaNeueW02-75Bold""Helvetica Neue"HelveticaArialsans-serif;
font-size: 18px;
line-height: 32px;
color: #333366;
top: 0;
position: relative;
cursor: pointer;
padding: 0 0 10px 0;
white-space: nowrap;
float: right;
}
.vdrawers .expandv:after {
content: "";
height: 25px;
width: 25px;
background-image: url(/component-guide/blue-caret.svg);
background-repeat: no-repeat;
display: inline-block;
top: 10px;
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:0;
}
.vdrawers h2 {
padding: 30px 0 10px 0;
margin: 0;
display: block;
}
.v-tab>div.active div .header-2,
.v-tab> div.active div .header-3,
.v-tab>div.active div .header-5,
.v-tab>div.active div .header-4 {
margin-top: 1.5em;
margin-bottom: 1.0em;
}
.v-tab p {
padding-top:0;
padding-bottom:0;
margin-top:0;
margin-bottom:0;
}
.v-tab p.button--holder {
padding:20px 0 0 0;
}
.img-draw img {
width: 70%;
}
}
@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;
}
p.disclaimer-text {
padding: 10px;
font-size: 10pt;
padding-left: 0;
padding-right: 33%;
position: relative;
}
}
.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;
}
.header-2 a.header-3 a.header-4 aa .header-2a .header-3a .header-4 {
padding-right:30px;
}
.no-touch a:hover.no-touch a:focus {
color: #337ab7;
text-decoration:none;
}
.hero-text ~ div img {max-width: fit-content;}
.visible-expand h2.header-2 {
margin-bottom: 40px;
}
.custom-container-2 a {
font-size: 16px;
line-height: 16px;
width: 100%;
float: left;
padding: 10px 0;
}
section {
margin-bottom:30px;
}
a:hover sup {
border-bottom: 0;
}
a:link {
color: #337ab7;
text-decoration: underline;
}
a:focusa:hover:link:focus:link:hover {
text-decoration:none;
color: #337ab7;
}
.no-touch a:hover.no-touch a:focus {
text-decoration:none;
color: #337ab7;
}
a:link {
color: #337ab7;
text-decoration: underline;
}
a:focusa:hover:link:focus:link:hover {
text-decoration:none;
color: #337ab7;
}
.no-touch a:hover.no-touch a:focus {
text-decoration:none;
color: #337ab7;
}
@media (min-width:992px){
.hero-component img {
max-width: none;
}
.row >div {
padding-left: 30px;
}
.phone-img {
width:300px;
display:block;
margin:0 auto;
padding-top:30px;
}
.lg-txt-crd h2.header-2 {
padding-bottom: 0;
}
}
p.disclaimer-text {
margin-bottom: 25px;
}
@media (max-width:991px){
.row > div {
padding-right: 30px!important;
padding-left: 30px!important;
}
.row > div.hidden-xlg {
padding-left:0!important;
}
}
p.disclaimer-text a {
text-decoration:none;
}
<>
@media (max-width:991px) and (min-width: 776px){
.phone-img {
width: 300px;
max-width: 100%;
margin: 0 auto;
padding-top: 30px;
}
.hero-text .button--holder {
text-align:left;
}
p.button--holder.how-works {
text-align:left;
}
}
@media (max-width: 776px){
.phone-img {
width:300px;
max-width: 50%;
display:block;
margin:0 auto;
padding-top:30px;
}
.how-works {
text-align:center;
}
}
p.disclaimer-text a.disclaim-back {
text-decoration:underline;
}
p.disclaimer-text a.disclaim-back:hover {
text-decoration:none;
}
.expand {
font-family: "HelveticaNeueW02-75Bold""Helvetica Neue"HelveticaArialsans-serif;
font-size: 18px;
line-height: 32px;
color: #333366;
float: unset;
bottom: 0;
cursor: pointer;
padding: 30px 0 0 0;
white-space: nowrap;
position: absolute;
right: 0;
display: inline-block;
text-decoration:none;
}
.faq-section a.expand:hover,.faq-section a.expand:focus {
color:#333366;
}
.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;
}
.expand.active:after {
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
top:0;
transition: transform 0.2s ease-out;
}
.faq-section a.expand.visible-expand a.expand {
margin-right: 45px;
display: block;
}
.faq-section h2.header-2.visible-expand h2.header-2 {
margin-bottom: 60px;
}
.no-touch h4 a:hover.no-touch h4 a:focus {
color:#333366
}
.faq-section .row:nth-of-type(2)>.col-md-6:nth-of-type(1) .col-md-12.col-sm-12:nth-of-type(9) .faq-unit {
border-bottom: 1px solid #d8d8d8;
}
.faq-section .row:nth-of-type(2)>.col-md-6:nth-of-type(2) .col-md-12.col-sm-12:nth-of-type(8) .faq-unit {
border-bottom: 1px solid #d8d8d8;
}
@media (max-width:991px) {
.hero-component img {
max-width: none;
}
.faq-section a.expand.visible-expand a.expand {
padding-right: 30px!important;
}
.video--section {
margin-top: 0;
}
}
@media (min-width:992px) {
.faq-section a.expand.visible-expand a.expand {
padding-right: 20px!important;
}
}
.container-fluid ul.container-fluid ol {
margin-left: 25px;
padding-left: 0;
}
.benefits--3 a.header-3,.benefits--3 a.header-2 {
text-decoration:underline;
color:#337ab7;
}
.benefits--3 a.header-3:hover,.benefits--3 a.header-3:focus,
.benefits--3 a.header-2:hover,.benefits--3 a.header-2:focus {
text-decoration:none;
color:#337ab7;
}
<>
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;
}
<>
/* FONTS */
.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: block;
}
.container-fluid p.inverse,.jumbotron p.inverse {
color:#FFFFFF;
background-color:#333366;
margin-top:15px;
margin-bottom:15px;
display: 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-55Roma","Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight:normal;
}
ul {
margin-top: 15px;
margin-bottom: 10px;
list--type: disc;
margin-left: 25px;
}
.container-fluid ol {
margin-top: 15px;
margin-bottom: 10px;
list--type: numbers;
margin-left: 25px;
}
.container-fluid ol 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;
display:list-item;
list--type: decimal;
}
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:#337ab7;
}
.button--primary:link.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;
text-decoration:none;
}
.button--primary:hover,:link.button--primary:hover{
color:#333366;
text-decoration:none;
background: #F7F7F7;
}
.button--primary:focus,:link.button--primary:focus{
color:#FFFFFF !important;
text-decoration:none;
background: #333366 !important;
}
.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: left;
}
.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: left;
margin-top:0;
width:100%;
}
.jumbotron.hero-component {
padding-bottom:20px;
}
}
@media (max-width: 767px) {
p.button--holder {
text-align: center;
margin-top:0;
width:100%;
}
/* 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: 20px!important;
}
.mobilespace {
margin-bottom:20px;
}
.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:#000000;
padding-right: 10px;
}
span.expand {
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 0;
white-space:nowrap;
}
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:70%;
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: 0;
}
.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;
font-family: inherit;
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:#000000;
padding-right: 10px;
}
@media (max-width: 992px){ .faq-section h2,.faq-unit,.expand-unit,.visible-expand h2 {
margin-left: 5px!important;
margin-right: 5px!important;
}
}
span.expand {
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 0;
white-space:nowrap;
}
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 h2 {
white-space: normal; display: inline-block;
}
.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:70%;
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;
}
}
.nowrap {
white-space: nowrap;
}
span.expand-all {
font-family: "HelveticaNeueW02-75Bold""Helvetica Neue"HelveticaArialsans-serif;
font-size: 18px;
line-height: 32px;
color: #333366;
cursor: pointer;
white-space: nowrap;
float: right;
bottom: 0;
position: absolute;
right: 50px;
}
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;
}
.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: 5px!important;
margin-right: 5px!important;
}
.faq-unit {
padding-left: 0px;
padding-right: 0px;
}
.visible-expand .expand-unit .drawer {
width:100%;
}
.drawer .custom-container-2 p {
margin: 0;
}
.drawer .custom-container-2.last p {
margin-bottom:20px;
}
}
<>
@media (min-width: 768px){
.vdrawers .expandv {
display:none;
}
.img-draw {float:right;margin-right:25px; margin-left:75px;margin-bottom:30px;}
}
@media (max-width: 767px){
p.disclaimer-text {
padding: 10px;
font-size: 10pt;
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.img-draw{display:inline-block; margin: 0 auto;padding-top:30px;}
.v-tab .active div.visuallyhidden {
display:block;
height:auto;
width:auto;
clip:auto;
}
.vdrawers .expandv {
margin-right: 30px;
display: inline-block;
font-family: "HelveticaNeueW02-75Bold""Helvetica Neue"HelveticaArialsans-serif;
font-size: 18px;
line-height: 32px;
color: #333366;
top: 0;
position: relative;
cursor: pointer;
padding: 0 0 10px 0;
white-space: nowrap;
float: right;
}
.vdrawers .expandv:after {
content: "";
height: 25px;
width: 25px;
background-image: url(/component-guide/blue-caret.svg);
background-repeat: no-repeat;
display: inline-block;
top: 10px;
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:0;
}
.vdrawers h2 {
padding: 30px 0 10px 0;
margin: 0;
display: block;
}
.v-tab>div.active div .header-2,
.v-tab> div.active div .header-3,
.v-tab>div.active div .header-5,
.v-tab>div.active div .header-4 {
margin-top: 1.5em;
margin-bottom: 1.0em;
}
.v-tab p {
padding-top:0;
padding-bottom:0;
margin-top:0;
margin-bottom:0;
}
.v-tab p.button--holder {
padding:20px 0 0 0;
}
.img-draw img {
width: 70%;
}
}
@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;
}
p.disclaimer-text {
padding: 10px;
font-size: 10pt;
padding-left: 0;
padding-right: 33%;
position: relative;
}
}
.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;
}
.header-2 a.header-3 a.header-4 aa .header-2a .header-3a .header-4 {
padding-right:30px;
}
.no-touch a:hover.no-touch a:focus {
color: #337ab7;
text-decoration:none;
}
.hero-text ~ div img {max-width: fit-content;}
.visible-expand h2.header-2 {
margin-bottom: 40px;
}
.custom-container-2 a {
font-size: 16px;
line-height: 16px;
width: 100%;
float: left;
padding: 10px 0;
}
section {
margin-bottom:60px;
}
a:hover sup {
border-bottom: 0;
}
a:link {
color: #337ab7;
text-decoration: underline;
}
a:focusa:hover:link:focus:link:hover {
text-decoration:none;
color: #337ab7;
}
.no-touch a:hover.no-touch a:focus {
text-decoration:none;
color: #337ab7;
}
a:link {
color: #337ab7;
text-decoration: underline;
}
a:focusa:hover:link:focus:link:hover {
text-decoration:none;
color: #337ab7;
}
.no-touch a:hover.no-touch a:focus {
text-decoration:none;
color: #337ab7;
}
@media (min-width:992px){
.row >div {
padding-left: 30px;
}
.phone-img {
width:300px;
display:block;
margin:0 auto;
padding-top:30px;
}
.lg-txt-crd h2.header-2 {
padding-bottom: 0;
}
}
p.disclaimer-text {
margin-bottom: 25px;
}
@media (max-width:991px){
.row > div {
padding-right: 30px!important;
padding-left: 30px!important;
}
.row > div.hidden-xlg {
padding-left:0!important;
}
}
p.disclaimer-text a {
text-decoration:none;
}
<>
@media (max-width:991px) and (min-width: 776px){
.phone-img {
width: 300px;
max-width: 100%;
margin: 0 auto;
padding-top: 30px;
}
.hero-text .button--holder {
text-align:left;
}
p.button--holder.how-works {
text-align:left;
}
}
@media (max-width: 776px){
.phone-img {
width:300px;
max-width: 50%;
display:block;
margin:0 auto;
padding-top:30px;
}
.how-works {
text-align:center;
}
}
p.disclaimer-text a.disclaim-back {
text-decoration:underline;
}
p.disclaimer-text a.disclaim-back:hover {
text-decoration:none;
}
.expand {
font-family: "HelveticaNeueW02-75Bold""Helvetica Neue"HelveticaArialsans-serif;
font-size: 18px;
line-height: 32px;
color: #333366;
float: unset;
bottom: 0;
cursor: pointer;
padding: 30px 0 0 0;
white-space: nowrap;
position: absolute;
right: 0;
display: inline-block;
text-decoration:none;
}
.faq-section a.expand:hover,.faq-section a.expand:focus {
color:#333366;
}
.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;
}
.expand.active:after {
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
top:0;
transition: transform 0.2s ease-out;
}
.faq-section a.expand.visible-expand a.expand {
margin-right: 45px;
display: block;
}
.faq-section h2.header-2.visible-expand h2.header-2 {
margin-bottom: 60px;
}
.no-touch h4 a:hover.no-touch h4 a:focus {
color:#333366
}
.faq-section .row:nth-of-type(2)>.col-md-6:nth-of-type(1) .col-md-12.col-sm-12:nth-of-type(9) .faq-unit {
border-bottom: 1px solid #d8d8d8;
}
.faq-section .row:nth-of-type(2)>.col-md-6:nth-of-type(2) .col-md-12.col-sm-12:nth-of-type(8) .faq-unit {
border-bottom: 1px solid #d8d8d8;
}
@media (max-width:991px) {
.faq-section a.expand.visible-expand a.expand {
padding-right: 30px!important;
}
.video--section {
margin-top: 0;
padding-bottom:30px;
}
.txt-center {
text-align:center;
}
.txt-center img {
padding-bottom: 30px;
}
}
@media (min-width:992px) {
.faq-section a.expand.visible-expand a.expand {
padding-right: 20px!important;
}
}
.container-fluid ul.container-fluid ol {
margin-left: 25px;
padding-left: 0;
}
.benefits--3 a.header-3,.benefits--3 a.header-2 {
text-decoration:underline;
color:#337ab7;
}
.benefits--3 a.header-3:hover,.benefits--3 a.header-3:focus,
.benefits--3 a.header-2:hover,.benefits--3 a.header-2:focus {
text-decoration:none;
color:#337ab7;
}
.benefits--3 h3 a.header-3 {
padding-right: 0;
}
sup asup :link {
text-decoration:none;
}
.button--holder.txt-center {
text-align:center;
}
.button--holder .button--primary {
margin: 0;
}
a sup {
border-bottom: 1px solid #337ab7;
line-height: 24px;
}
a:hover sup {
border-bottom: 0px;
}
@media (min-width: 992px){.hero-text h1.header-1 {margin-top: 12%;}}
<>
.video--section {
position: relative;
}
.video--section .video--poster {
left: 0;
max-width: 100%;
opacity: 1;
position: absolute;
top: 0;
visibility: visible;
-moz-transition: visibility 0s 1sopacity 500ms linear;
-ms-transition: visibility 0s 1sopacity 500ms linear;
-webkit-transition: visibility 0s 1sopacity 500ms linear;
transition: visibility 0s 1sopacity 500ms linear;
z-index: 2;
}
.video--play-button {
display: block;
}
.video--play-button .video--play-circle {
background-color: transparent;
background-image: url(/assets/images/components/[email protected]);
background-position: 0px -83px;
background-size: 71px 154px;
width: 71px;
height: 71px;
bottom: 0;
left: 0;
margin: auto;
position: absolute;
right: 0;
-moz-transition: opacity 250ms ease;
-ms-transition: opacity 250ms ease;
-webkit-transition: opacity 250ms ease;
transition: opacity 250ms ease;
text-indent: -9999px;
top: 0;
}
.video--player .yt-video {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video--player {
width: 100%;
overflow: hidden;
position: relative;
padding-bottom: 0;
}
<>
.video--section {
margin-top: 14%;
}
/* LARGE TEXT CARD COMPONENT*/
.lg-txt-crd {
margin: 0 0 80px 0;
}
.lg-txt-crd h2 {
padding: 80px 0 45px 0;
margin: 0;
}
.lg-txt-crd .lg-crd {
border-width: 3px 3px 4px 5px;
border-: solid;
border-color: #d9d9d9 #d9d9d9 #d9d9d9 #333366;
margin: 15px 0;
padding: 30px 30px 40px 30px;
border-radius: 5px;
}
.lg-txt-crd .lg-crd div :not(h3)
.lg-txt-crd .lg-crd p {
margin: 0;
padding: 20px 0 0 0;
display: inline-block;
}
.lg-txt-crd .lg-crd h3 {
margin: 0;
}
.lg-crd .button--primary,.lg-crd .button--secondary {
margin-right:20px;
margin-bottom:20px;
}
.lg-img-card h2{
margin-top:60px;
margin-bottom:30px;
}
.lg-img-card h3{
margin-top:30px;
margin-bottom:10px;
}
.lg-img-card p{
margin-top:10px;
margin-bottom:10px;
display:inline-block;
}
.alt-img-copy h2 {
margin-top:60px;
margin-bottom:15px;
}
.alt-img-copy h3 {
margin-bottom: 4px;
}
.alt-img-copy p {
margin-top:0px;
margin-bottom:15px;
display:inline-block;
}
.lg-txt-crd h2 {
padding: 10px 0 45px 0;
margin: 0;
}
.lg-img-card {
padding-left: 35px;
}
.lg-img-card h2 {
margin-top: 50px;
margin-bottom: 30px;
}
.lg-img-card h3 {
margin-top: 20px;
margin-bottom: 0px;
}
.lg-img-card p {
margin-top: 5px;
margin-bottom: 0px;
}
.lg-img-card {
padding-left: 35px;
}
.alt-img-copy {
padding-left: 30px;
}
.lg-img-card {
padding-left: 35px;
}
img.img-cover {
left: 0;
}
.alt-img-copy {
padding-left: 30px;
}
/* large text */
.lg-txt-crd .lg-crd:first-of-type {
border-top: 1px solid #d8d8d8;
padding-top: 10px;
background-color: red;
}
.lg-crd div {
padding: 0 !important;
}
.lg-txt-crd a.expand {
display:none;
}
@media (max-width: 992px){
/* LARGE IMAGE CARD */
.lg-img-card {
padding-bottom: 10px !important;
padding-left: 10px!important;
}
.alt-img-copy {
padding-left: 10px!important;
padding-right:10px!important;
}
.lg-txt-crd h2 {
padding: 10px 0 25px 0;
margin: 0;
}
.alt-img-copy h2 {
margin-top:20px;
margin-bottom:15px;
}
.lg-img-card {
padding-bottom:20px
}
.lg-txt-crd {
padding-left:0;
padding-right:0;
background-color:#f7f7f7;
padding: 0 0 30px 0;
overflow: hidden;
}
.lg-txt-crd h2 {
padding: 30px 0;
margin: 0;
text-align:left;
}
.lg-img-card h3 {
margin-top: 20px;
margin-bottom: 0px;
}
.lg-img-card p {
margin-top: 5px;
margin-bottom: 0px;
}
.lg-txt-crd .lg-crd {
border: 0;
padding: 0;
margin:0;
overflow: hidden;
}
.lg-txt-crd .lg-crd > div {
border:0;
padding: 0;
width: 100%;
box-sizing: border-box;
overflow: hidden;
border-top: 0;
}
.lg-txt-crd .lg-crd div :not(h3) {
display:none;
}
.lg-txt-crd .lg-crd div h3 {
padding: 20px 0 15px 0;
border-top: 1px solid #d8d8d8;
}
.lg-crd:last-of-type {
border-bottom: 1px solid #d8d8d8;
}
.lg-txt-crd .lg-crd.active div p {
padding-bottom: 0px;
display:block!important;
}
.lg-img-card {
padding-bottom:20px
}
.lg-txt-crd {
padding-left:0;
padding-right:0;
background-color:#f7f7f7;
padding: 0 0 30px 0;
overflow: hidden;
}
.lg-txt-crd h2 {
padding: 30px 0;
margin: 0;
}
.lg-img-card h3 {
margin-top: 20px;
margin-bottom: 0px;
}
.lg-img-card p {
margin-top: 5px;
margin-bottom: 0px;
}
.lg-txt-crd .lg-crd {
padding: 0;
margin:0;
overflow: hidden;
}
.lg-txt-crd .lg-crd > div {
border:0;
padding: 0;
width: 100%;
box-sizing: border-box;
overflow: hidden;
border-top: 0;
}
.lg-txt-crd .lg-crd div :not(h3) {
display:none;
}
.lg-txt-crd .lg-crd.active div :not(h3) {
display:inline-block;
margin-bottom: 20px;
}
.lg-txt-crd .lg-crd.active div h4 {
margin-bottom:10px;
}
.lg-txt-crd .lg-crd div h3 {
padding: 20px 0 15px 0;
border-top: 1px solid #d8d8d8;
}
.lg-crd h3 {
position:relative;
}
.lg-crd h3:after {
content: "";
display: inline-block;
background-image: url(/component-guide/blue-caret.svg);
background-repeat: no-repeat;
position: absolute;
right: 15px;
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
height: 25px;
width: 25px;
position: absolute;
top: 40%;
transition: transform 0.2s ease-out;
}
.lg-crd.active h3:after {
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
top: 20%;
transition: transform 0.2s ease-out;
}
.lg-txt-crd a.expand {
display:block;
margin-right: 25px;
}
}
.v-center-desk a.button--secondary {
margin-top:35px;
}
@media (max-width: 992px) {
.lg-txt-crd .lg-crd div h3 {
padding: 20px 50px 15px 0;
border-top: 1px solid #d8d8d8;
}
.lg-txt-crd .lg-crd.active div li:not(h3) {
display: list-item;
}
p.disclaimer-text {
padding-right:0;
font-size:10pt;
}
.lg-txt-crd span.expand {
margin-right: 25px;
padding-top: 0;
margin-right: 25px;
padding-bottom: 0;
white-space:nowrap;
text-decoration:none;
}
.lg-txt-crd h2 {
padding-top: 30px;
margin: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.lg-txt-crd .lg-crd.active div sup {
margin-bottom:0;
}
.lg-txt-crd a.expand {
display: block;
margin-right: 25px;
text-decoration: none;
padding-top: 0;
padding-right: 20px;
padding-bottom: 10px;
color: #333366;
font-family: "HelveticaNeueW02-75Bold""Helvetica Neue"HelveticaArialsans-serif;
position: relative;
right: 0;
text-align: right;
}
.v-center-desk a.button--secondary {
margin-top:0px;
}
}
@media (max-width: 992px) {
.lg-txt-crd .lg-crd.active div ul {
margin-top:0;
margin-bottom: 20px;
display:block;
}
.lg-txt-crd .lg-crd.active div li {
margin-top:0;
margin-bottom:0;
}
.lg-txt-crd .lg-crd.active div a {
margin-bottom: 0;
}
}
img {
max-width: 100%;
}
.button--link:after {
display: none;
}
@media (max-width: 992px){
.video--section .video--poster img {
height: auto;
margin: 0 auto!important;
padding: 0!important;
}
.video--player {
max-width: 100%;
overflow: hidden;
text-align: center;
}
.video--player {
margin-bottom: 35px;
}
.video--player .yt-video {
width: auto;
}
.video--play-button {
display: block;
text-align: center;
}
.video--section .video--poster {
width: 100%;
}
.video--section {
margin-top: 0;
}
}
.video--play-button img {
max-width: 100%;
}
.video--player {
max-width: 100%;
overflow: hidden;
}
.video--player iframe {
max-width: none;
max-height: none;
}
@media (max-width: 991px){
.title-case {
padding-bottom:25px;
}
.title-case h2.header-2
.title-case h3.header-2 {
margin-top: 0;
}
}
.lg-txt-crd .lg-crd.active div strong:not(h3){
margin-bottom: 0;
}
.lg-txt-crd .lg-crd.active div p + ul{
margin-top: -20px;
}
.benefits--3 a.header-2 {
padding-right: 0;
}
.lg-crd.active p a strong {
text-decoration: underline;
}
.lg-crd.active p a:hover strong {
text-decoration: none;
}
@media (max-width: 991px){
.lg-txt-crd .lg-crd.active div p a sup {line-height:18px!important;top:2px}}
Contact Us
Find the best way to get help and connect with USPS®. Fill out a short form or get tips to fix some of the most common issues right from your computer.
If you still need more helpsee the contact information for technical supportPostal Store ordersand more.
Get Help Online
Complete our online form to tell us about your issueand for technical issues with our USPS.com servicesa convenient chat feature is available.
Find a Post Office
Find the nearest USPS location by city and state or ZIP Code™. Get contact informationhoursand more.
Check Postal Holidays
Postal facilities are closed on federal holidays. See a list of all upcoming USPS holidays and events.
Contact USPS
Expand AllGeneral Information
For general informationhow-to stepsor to learn more about USPS products and servicescheck our FAQs. The most common questions have to do with tracking packages or delayed delivery.
Customer Care Center
Connect with our customer service representatives to help resolve your issue and get back on track.
Email: USPS® Customer Service
Call: 1-800-ASK-USPS® (1-800-275-8777)
Hours of Operation
Monday – Friday 8 AM – 8:30 PM ET
Saturday 8 AM – 6 PM ET
Federal Communication Commission (FCC) Telecommunications Relay Services (TRS) –
TTY Access for Deaf & Hard of Hearing
Individuals who are deafhard of hearingdeaf-blindor have speech impairments can connect with USPS by using the FCC’s TRS program:
Access your state’s telecommunications relay service (TRS) to make TTY calls by dialing 7-1-1 or
- Go to the FCC's TRS by State and Territories page.
- Select your state or territory from the alphabetical listing.
- Find the "TRS Telephone Numbers" section to get the specific number you need.
For more details and a full list of servicesgo to FCC Telecommunications Relay Services.
Technical Support
The Technical Support team can help when a website application or form doesn't work properly. If you have trouble using one of the followingplease give us a call.
- Click-N-Ship®
- File a Claim
- PO Boxes
- The Postal Store®
- USPS accounts
1-800-344-7779
Hours of Operation
Monday – Friday 8 AM – 8:30 PM ET
Saturday 8 AM – 6 PM ET
Informed Delivery Support
If you need help with your Informed Delivery serviceplease email Informed Delivery User Support.
Domestic & International USPS Tracking
To see the most recent status of your packagesenter your tracking number in any search box on USPS.com.
NOTE: The tracking information available to customer service representatives is the same information you will see on USPS Tracking®. If you’d like to speak with a representative about another issue with your packageplease call us.
1-800-222-1811
Hours of Operation
Monday – Friday 8 AM – 8:30 PM ET
Saturday 8 AM – 6 PM ET
Informed Delivery Answers
Check our Informed Delivery FAQs if you have questions about the featurewould like to learn how to sign upor need technical assistance. If you need more helpplease send us an email.
Stamps & Free Shipping Supplies
To get help with stamps or other USPS merchandiseplease see the following resources:
Stamps & Postal Store Orders
Call or email with questions about stamps or orders placed online through The Postal Store®.
1-844-737-7826
[email protected]
Hours of Operation
Monday – Friday 8 AM – 4:30 PM ET
Closed SaturdaysSundaysand Postal Holidays
Free Shipping Supplies
Call to order free shipping boxesenvelopesand postal formsor to report a problem with your shipping supply order.
1-800-610-8734
Hours of Operation
Monday – Friday 7 AM – 11 PM ET
Saturday 7 AM – 6 PM ET