html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}
html {
  scroll-behavior: smooth;
}

b,
strong {
  font-weight: unset;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

a {
  color: #3573b1; 
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body,
html {
  margin: 0;
  height: 100%;
}

ul,
ol,
menu,
dir {
  /* display: block;
    */
  list-style-type: disc;
  margin: 0px;
  padding: 0px;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px;
  margin-left: 25px;
  line-height: 22px;
  list-style-type: disc;
  font-size: 16px;
}

ol {
  list-style-type: decimal;
}
/*
.page_content {
  height: 100%;
}*/

.img {
  width: 100%;
}

img {
}

a:focus {
    color: #333366;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgb(102 139 232);
    box-shadow: 0 0 0 0.2rem rgb(102 139 232);
    border-radius: 1px;
    text-decoration: none;
    /* position: relative; */
  	display: inline-block;
}

hr {
 	margin-top: 32px;
  	margin-bottom: 0px;
}

h2 + p {
 	margin-top: 24px !important; 
}

.mt-header {
    margin-top: 24px !important;
    margin-bottom: 0px !important;
}

.mt-line {
 	margin-top: 48px !important;
  	padding-top: 0px !important;
}

.section--tabs .tabcontent img,
.page--section .article img {
}

.global-header--logo {
  width: 100%;
}

.global--navigation ~ .g-alert,
.g-alert,
.g-alert ~ .g-alert {
  display: block;
  float: none;
  text-align: center;
  padding: 5px 0;
  font-size: 14px;
  font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  color: #fff;
  line-height: 1.5em;
  background-position: 0 0;
  background-size: 100% 100%;
  background-color: #e71921;
  position: relative;
}

@media (min-width: 958px) {
  .global--navigation ~ .g-alert,
  .g-alert ~ .g-alert,
  .g-alert {
    margin-bottom: 0px;
    margin-top: 0px;
  }
}

.nav img {
  width: 85%;
  padding: 30px 0px 20px 15px;
}

.search--track-wrapper {
  padding-left: 25px;
  padding: 15px;
}

.nav {
  display: none;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  height: 90%;
  top: 86px;
  position: fixed;
  overflow: hidden;
  width: 276px;
}

.nav ul {
  list-style-type: none;
  padding-left: 40px;
  padding-right: 30px;
  text-transform: uppercase;
}

.nav li > ul {
  padding-right: 0;
  padding-left: 20px;
}

li.parent {
  padding: 9px 0px;
  font-size: 13px;
}

li.parent:first-of-type {
  padding-top: 28px;
}

.nav li.parent ul > li {
  padding: 4px 0px;
  font-size: 11px;
}

.nav li.parent ul > li a:hover {
  color: #e71921;
}

.nav li.parent ul > li:first-of-type {
  padding-top: 19px;
}

.nav li.parent ul > li:last-of-type {
  padding-bottom: 0px;
}

li.parent a {
  position: relative;
}

.nav li.parent > a:after {
  display: none;
  background-image: url("/styleguide/assets/images/usps_l_nav_red_arrow.svg");
  background-repeat: no-repeat;
  content: "";
  height: 20px;
  width: 20px;
  background-size: 20px 20px;
  position: absolute;
  right: 0px;
  top: 3px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.nav li.parent:hover > a:after {
  display: block;
}

.nav li.active {
  text-decoration: none;
  font-weight: normal;
}

.nav li.active > a:after {
  display: block;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.page--section .article img {
  padding: 30px 0px;
  margin-left: -30px;
}

li.parent a:after {
  background-image: url("/styleguide/assets/images/usps_l_nav_red_arrow.svg");
  background-repeat: no-repeat;
  content: "";
  height: 19px;
  width: 15px;
}

.main_content {
  /* padding-top: 53px; */
  overflow: hidden;
  /* max-width: 100%; */
}

ul > ul {
  display: none;
}

li a {
  color: #3573b1;
  text-decoration: underline;
}

li a:hover {
  color: #3573b1;
  text-decoration: none;
}

.visuallyhidden,
.search--submit {
  display: none;
}

.landing-page h2 {
	margin-top: 24px;
}

.landing-page p {
	margin-top: 12px !important;
	margin-bottom: 0px !important;
}

.landing-page .col-md-5.col-sm-10.col-12 {
    max-width: 320px;
	margin-left: 48px;
}

.landing-page .col-md-5.col-sm-10.col-12:first-child {
    margin-left: 0px;
}

.landing-benefits {
	margin-top: 24px;
}

.landing-grid {
 	max-width: 1080px; 
}

.category-section {
    margin-bottom: 680px;
}


@media (max-width: 767px) {
	.landing-page .col-md-5.col-sm-10.col-12 {
		margin-left: 0px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
 	.landing-grid {
     	margin-left: 5%; 
    }
}

@media (min-width: 992px) {
	.landing-wrapper {
		max-width: 1080px;
	}
  
	.landing-grid {
  		margin-left: 8%;
	}  
}

.welcome-page-wrapper {
  display: grid;
  grid-template-rows: 45vh auto;
  grid-template-areas:
    "heroimg"
    "bodycopy";
}

.intro--hero-image {
  margin-bottom: 20px;
  grid-area: heroimg;
}

.intro--hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.intro--hero-image h1,
title-hero h1 {
  background-color: #333366;
  color: #fff;
  font-size: 32px;
  padding: 70px 30px 30px 30px;
  margin: 0;
}

.intro-body-wrapper {
  grid-area: bodycopy;
  height: auto;
}

.intro--contents {
  padding: 30px 0px 60px 15px;
  text-align: center;
}

.intro--contents div {
  margin-bottom: 41px;
}

.intro--contents .article {
  display: inline;
  white-space: nowrap;
  padding: 30px 30px 23px 15px;
}

.intro--contents .article img {
  height: 106px;
  margin-top: 0px;
}

.intro--contents .article .article--content {
  width: 250px;
  display: inline-block;
  white-space: normal;
  vertical-align: top;
  padding: 0px 26px;
}

.intro--contents .article h2 {
  padding: 0;
  margin: 0;
  font-size: 26px;
  color: #333366;
}

.intro--contents .article p {
  padding: 0;
  margin: 0;
  font-size: 16px;
  color: #000000;
  line-height: 25px;
  padding-top: 11px;
}

/* WHAT'S NEW SECTION */
.whats-new {
  padding: 30px 15px 60px 15px;
  max-width: 100%;
}

.whats-new div {
  margin-bottom: 32px;
}

.whats-new .article {
  display: inline-block;
  white-space: nowrap;
  padding: 0px 30px 0px 15px;
}

.whats-new .article img {
  height: 80px;
  margin-top: 0;
}

.whats-new .article .article--content {
  max-width: 70%;
  display: inline-block;
  white-space: normal;
  vertical-align: top;
  padding: 0px 14px;
}

.whats-new .article h2 a {
  text-decoration: none;
  padding: 0;
  margin: 0;
  font-size: 24px;
  color: #333366;
}

.whats-new .article p {
  padding: 0;
  margin: 0;
  font-size: 16px;
  color: #000000;
  line-height: 24px;
  padding-top: 11px;
}

.whats-new .article p a {
  padding: 0;
  margin: 0;
  font-size: 15px;
  color: #333366;
  font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  text-decoration: none;
}

.whats-new .article p a:hover {
  color: #d8d8d8;
}

.whats-new .article p a:hover:after {
  background-image: url(/styleguide/assets/images/text-link-carat-grey.svg);
  left: 3px;
}

.whats-new .article p a:after {
  content: "";
  display: inline-block;
  height: 10px;
  width: 12px;
  background-image: url(/styleguide/assets/images/usps_forward_arrow_rgb.svg);
  background-repeat: no-repeat;
  margin-left: 0px;
  top: 0px;
  position: relative;
  left: 5px;
}

/* */
.search--submit {
  background: url(/styleguide/assets/images/usps_search_icon_30x30.png)
    no-repeat 0 0;
  background-size: 20px 22px;
  width: 20px;
  height: 22px;
  display: inline;
  text-indent: -99999px;
  position: absolute;
  right: 19%;
  top: 7px;
  border: 0px;
  cursor: pointer;
}

.menu--toggle {
  display: none;
}

.footer {
  background-color: #333366;
  position: relative;
  margin-top: 80px;
  top: 0;
  /* width: 1280px;
     */
}

.footer .article {
  padding: 10px;
  vertical-align: middle;
}

.footer .article p {
  color: white;
  margin-left: 20%;
  display: inline;
}

.footer .article .arrow:after {
  background-image: url("/styleguide/assets/images/usps_l_nav_red_arrow.svg");
  background-repeat: no-repeat;
  content: "";
  height: 19px;
  width: 15px;
  position: absolute;
  top: 14px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.footer .article .arrow:after img {
  -webkit-transform: rotate(90deg);
  -moz-transition: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.footer .arrow {
  text-indent: -99999px;
  padding-left: 17px;
}

.footer .article img {
  padding-left: 18px;
}

.footer .article p::after {
  content: "|";
  padding-left: 36px;
}

.footer .article p::before {
  content: "|";
  padding-right: 18px;
}

.search--track-input {
  border-radius: 5px;
  box-shadow: none;
  border: 1px solid #c8c6c6;
  padding: 5px;
  width: 250px;
  float: right;
  margin-right: 50px;
}

h2 {
  display: inline-block;
}

.article.subheader h2, .article.subheader h4 {
 	padding-top: 24px !important; 
}

span.search--track.input--wrap.input--wrap--alternate-background {
  width: 100%;
}

div.title_header {
  position: fixed;
  padding: 10px 10px 10px 40px;
  background-color: #333366;
  /* width: 1230px;
    */
  width: 100%;
  height: 63px;
  overflow: visible;
  z-index: 9999;
}

div.title_header div {
  display: inline-block;
}

.intro--hero-section .intro--link-list {
  width: 95%;
  margin-top: 17px;
}

.intro--hero-section {
  padding: 8px 30px 8px 30px;
}

.page--section .article {
  /*    margin-left: 30px;
    margin-bottom: 19px; */
}

.intro--hero-section p {
  width: 85%;
  margin-top: 22px;
}

.intro--hero-section .intro--link-list h2 a {
  font-size: 20px;
  font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  text-decoration: none;
  color: #fff;
  margin: 5px 55px 26px 0px;
  display: inline-block;
  border-bottom: 4px solid #e71921;
}

.intro--hero-section .intro--link-list h2 a:hover,
.intro--hero-section .intro--link-list h2 a:focus {
  border-bottom: 4px solid white;
}

.intro--hero-section .article h1 {
  font-size: 32px;
}

.intro--hero-section a:focus,
.intro--hero-section a:hover {
  text-decoration: underline;
}

.intro--hero-section p + a {
  margin-bottom: 20px;
}

.section--tabs {
  margin: 50px 40px 23px 30px;
}

/* Style the list */
ul.section--tab {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

/* Float the list items side by side */
ul.section--tab li {
  float: left;
}

/* Style the links inside the list items */
ul.section--tab li a {
  display: inline-block;
  color: #333366;
  text-align: center;
  margin: 14px 50px;
  text-decoration: none;
  transition: 0.3s;
  letter-spacing: 0.5px;
}

ul.section--tab li a:first-of-type {
  margin-left: 0;
}

/* Change background color of links on hover */
ul.section--tab li a:focus,
ul.section--tab li a:hover {
  color: #333366;
}

/* Create an active/current tablink class */
ul.section--tab li h3 .active {
  border-bottom: 4px solid #333366;
}

ul.section--tab li h3 a {
  border-bottom: 4px solid #ffffff;
}

/* Style the tab content */
.tabcontent {
  padding: 6px 0px;
  border: none;
  border-top: none;
}

.section--callout {
  background-color: #e7e5e5;
  padding: 30px;
}

.section--tabs .tabcontent img {
  margin: 0 40px 0px -30px;
  padding: 0;
}

.page--section .article a {
  font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  padding: 20px 0;
  display: block;
  text-decoration: underline;
  color: #3573b1;
}

.page--section .article a.inline-achor {
  padding: 0;
  display: inline;
  text-decoration: underline;
  color: #3573b1;
}

.page--section .article a:hover,
.page--section .article a:focus {
  text-decoration: none;
}

/* .page--section .article a:after, .page--3-column .article a:after, .section--tabs .article a:after {
     display: inline-block;
     background-image: url('/styleguide/assets/images/usps_l_nav_red_arrow.svg');
     background-repeat: no-repeat;
     content: '';
     height: 10px;
     width: 10px;
     background-size: 12px 12px;
     position: relative;
     top: 2px;
     left: 7px;
     -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     -o-transform: rotate(-90deg);
     transform: rotate(-90deg);
}
*/
.page--section .article a:after,
.page--3-column .article a:after,
.section--tabs .article a:after {
  content: "";
  content: "";
  display: inline-block;
  height: 15px;
  width: 15px;
  background-image: url(/styleguide/assets/images/text-link-carat-red.svg);
  background-repeat: no-repeat;
  margin-left: 0px;
  top: 2px;
  position: relative;
  left: 3px;
}

.page--section .article .inline-link,
.page--3-column .article .inline-link,
ul li a .inline-link {
  display: inline-block;
  padding: 0px 0px;
  margin: 0;
  text-decoration: underline;
}

.page--section .article a.inline-link:after {
  display: none !important;
}

div.panel .page--3-column .col-center {
  display: inline-block;
}

div.panel .page--3-column .article {
  margin: 0;
  padding: 0;
  vertical-align: top;
  width: 33%;
}

/* Style the buttons that are used to open and close the accordion panel */
button.accordion {
  background-color: #ffffff;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  font-size: 18px;
  text-align: center;
  outline: none;
  transition: 0s;
  border: 0;
  border-top: 1px solid #999999;
  font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  color: #333366;
}

button.accordion:last-of-type {
  border-bottom: 1px solid #999999;
}

button.accordion.active:last-of-type {
  border-bottom: 0;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
button.accordion.active,
button.accordion:hover {
  background-color: #ffffff;
}

button.accordion.active {
  padding-bottom: 0;
  transition: 0;
}

/* Style the accordion panel. Note: hidden by default */
div.panel {
  padding: 0 18px;
  background-color: #ffffff;
  display: none;
  max-height: 0;
  transition: 0.6s ease-in-out;
  opacity: 0;
  padding: 0px 0 52px 0;
}

/* The "show" class is added to the accordion panel when the user clicks on one of the buttons. This will show the panel content */
div.panel.show {
  display: block !important;
  opacity: 1;
  max-height: 2200px;
  margin-bottom: 0px;
}

div.panel.show:last-of-type {
  border-bottom: 1px solid #999999;
  margin-bottom: 30px;
}

button.accordion:after {
  content: "";
  margin-left: 15px;
  display: inline-block;
  height: 15px;
  width: 15px;
  background-size: 15px 15px;
  background-image: url("/styleguide/assets/images/usps_l_nav_red_arrow.svg");
  background-repeat: no-repeat;
  position: relative;
  top: 4px;
}

button.accordion.active:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.section--show-hide {
  padding: 53px 0px 0px 30px;
}

.inner--tab .active {
  display: block !important;
}

.logo--link {
  text-indent: -9999px;
}

.logo--link {
  background: url(/styleguide/assets/images/usps_eagle_white_rgb.svg);
  background-repeat: no-repeat;
  content: "";
  display: block;
  position: absolute;
  width: 58px;
  height: 35px;
  background-size: cover;
  top: 28px;
}

.no-svg .logo--link {
  background: url(/styleguide/assets/images/usps_eagle_white_58x35.png);
}

.title_header .search--wrapper {
  position: absolute;
  right: 1%;
  top: 28px;
}

.title_header .search--wrapper-hidden {
  position: absolute;
  right: 100px;
  top: 28px;
}

input#search--input {
  border-radius: 5px;
  box-shadow: none;
  border: 1px solid #c8c6c6;
  padding: 5px;
  width: 250px;
  margin-right: 50px;
  height: 25px;
  position: relative;
}

.search--trigger {
  display: block;
  width: 30px;
  height: 32px;
  text-indent: -99999px;
}

.search--trigger a,
.search--trigger input {
  background: url(/styleguide/assets/images/usps_search_icon_rgb-white.svg);
  background-repeat: no-repeat;
  width: 30px;
  height: 32px;
  position: absolute;
  top: 28px;
  right: 60px;
  text-indent: -99999px;
}

#topImage {
  position: fixed;
  right: 0px;
  bottom: 72px;
  height: 40px;
  width: 40px;
}

/* h2 {
     font-size: 30px;
     color: #333366;
     padding-bottom: 14px;
}
 */
/* 4/20 Article Top Wrapper*/
.page--section .article:first-of-type {
  /* margin-top: 30px; */
}

/* h3 {
     font-size: 20px;
     color: #333366;
     padding-bottom: 8px;
     font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
 */
p + p {
  margin-top: 11px;
}
/* .article {
	margin-bottom: 32px!Important;
} */

.page--3-column.full .article h4,
.page--3-column.full .article p {
  padding: 0;
}

.article .page--3-column {
  margin-top: 25px;
}

.page--3-column {
  margin-top: 60px;
  /* width: 948px !important;
     */
}

.page--3-column .article:first-of-type {
  margin-top: 0;
}

.col {
}

.page--3-column .article {
  margin: 0;
  padding: 0;
  vertical-align: top;
  width: 30%;
}

.page--3-column .article img {
  margin: 0 0 28px 0;
  padding: 0;
}

.page--3-column .article h4 {
  margin: 0 0 0 0;
  padding: 15px 30px 0px 30px;
}

.page--3-column .article p {
  margin: 0 0 0 0;
  padding: 0 30px 0 30px;
  font-size: 16px;
}

.page--3-column .col-left {
  display: inline-block;
}

.page--3-column .col-center {
  display: inline-block;
  padding: 0 18px;
}

.page--3-column .col-right {
  display: inline-block;
}

p {
  font-size: 16px;
  line-height: 22px;
}

p strong {
  font-weight: normal;
  font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
}

.page--3-column .article p a {
  padding-top: 23px;
  display: block;
  font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  text-decoration: none;
  color: #333366;
}

.page--3-column .article p a:hover,
.page--3-column .article p a:focus {
  color: #999999;
}

.page--3-column .article ul {
  padding-left: 40px;
  line-height: 22px;
  list-style-type: disc;
  font-size: 16px;
}

.related-content:hover,
.related-content:focus {
  color: #999999;
}

em {
  font-style: italic;
}

.related-content {
  padding-top: 23px;
  display: block;
  font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  text-decoration: none;
  color: #333366;
}

.related-content:before {
  content: "";
  display: inline-block;
  height: 15px;
  width: 16px;
  background-size: 16px 15px;
  background-image: url("/styleguide/assets/images/usps_related_content_icon_17x17.png");
  background-repeat: no-repeat;
  padding-right: 12px;
}

.intro--hero-normal {
  display: block;
  position: relative !important;
  top: 0px !important;
}

.intro--hero-normal p {
  display: block;
  white-space: normal;
}

.intro--hero-partial {
  position: fixed !important;
  top: 83px;
  padding: 30px;
  width: 100%;
}

.intro--hero-partial .article {
  height: 30px;
  overflow: hidden;
}

.intro--hero-partial .intro--link-list,
.intro--hero-partial p {
  visibility: hidden;
}

.intro--hero-full .article {
  height: 100%;
  overflow: visible;
}

.intro--hero-full .intro--link-list {
  visibility: visible;
}

.intro--hero-full {
  position: fixed;
  top: 135px;
}

.intro--hero-full p {
  display: none;
}

.intro--contents .article--content h2 a {
  text-decoration: none;
  color: #333366;
}
.page--section {
  /* margin-bottom: 40px; */
  margin-bottom: 0px;
}

.page--section .article h4 {
  font-size: 20px;
  font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  color: #333366;
  margin-top: 1em;
}

.page--section .article li {
  padding: 3px 0;
}

.page--section .article p strong {
  font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
}

/* 4/20 Unordered List padding left reduced */
.page--section .article ul {
  padding-left: 18px;
  line-height: 24px;
  list-style-type: disc;
}

.page--section .article ol {
  padding-left: 18px;
  line-height: 24px;
  list-style-type: decimal;
}

.page--section .article .indented {
  padding: 40px;
}

.intro--hero-section h2 {
  padding-bottom: 0px;
  display: inline-block;
}

.page--section + .page--3-column {
  margin-top: 23px;
}

button.accordion:after {
  margin-left: 15px;
}

div.panel.show {
  margin-bottom: 0px;
}

.nav li.active ul {
  display: block !important;
  text-transform: capitalize;
}

.nav .current {
  color: #e71921;
}

a#next_page {
  color: #ffffff;
  text-decoration: none;
}

.unbulleted {
  list-style-type: none !important;
  line-height: 25px;
  padding: 3px 0;
}

.footer .article span.next {
  margin-left: 0;
}

.footer .article span.next:after {
  content: "";
  display: inline-block;
  height: 15px;
  width: 16px;
  background-size: 16px 15px;
  background-image: url("/styleguide/assets/images/usps_l_nav_red_arrow.svg");
  background-repeat: no-repeat;
  padding-left: 18px;
  padding-right: 0px;
  top: 8px;
  margin-top: 0px;
  position: absolute;
  padding-top: 0px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.title-hero h1 {
  background: #333366;
  color: white;
  padding: 25px 15px 26px 15px;
  font-size: 32px;
  position: relative;
  /* top: 83px; */
  /*width: 944px;
    */
  width: 100%;
  /* left:276px; */
  z-index: 999;
}

sup {
  vertical-align: middle;
  font-size: 70%;
}

#overview p:first-child {
    margin-top: 24px;
}



/* FONT CONTROLS */

@font-face {
  font-family: "HelveticaNeueW02-65Medi";
  src: url("https://www.usps.com/assets/fonts/55f60419-09c3-42bd-b81f-1983ff093852.eot?#iefix");
  src: url("https://www.usps.com/assets/fonts/55f60419-09c3-42bd-b81f-1983ff093852.eot?#iefix")
      format("eot"),
    url("https://www.usps.com/assets/fonts/58ab5075-53ea-46e6-9783-cbb335665f88.svg#58ab5075-53ea-46e6-9783-cbb335665f88")
      format("svg"),
    url("https://www.usps.com/assets/fonts/5b4a262e-3342-44e2-8ad7-719998a68134.woff")
      format("woff"),
    url("https://www.usps.com/assets/fonts/4a3ef5d8-cfd9-4b96-bd67-90215512f1e5.ttf")
      format("truetype");
}

@font-face {
  font-family: "HelveticaNeueW01-77BdCn 692722";
  src: url("https://www.usps.com/assets/fonts/83d5bc89-af33-46a9-8fe3-15d87784f50e.eot?#iefix");
  src: url("https://www.usps.com/assets/fonts/83d5bc89-af33-46a9-8fe3-15d87784f50e.eot?#iefix")
      format("eot"),
    url("https://www.usps.com/assets/fonts/d90b3358-e1e2-4abb-ba96-356983a54c22.svg#d90b3358-e1e2-4abb-ba96-356983a54c22")
      format("svg"),
    url("https://www.usps.com/assets/fonts/102ab74c-0e84-4fe5-a17a-b20fb643591a.woff")
      format("woff"),
    url("https://www.usps.com/assets/fonts/1d146b29-55e2-485b-96aa-5cb628e7e9eb.ttf")
      format("truetype");
}

@font-face {
  font-family: "HelveticaNeueW02-77BdCn 694069";
  src: url("https://www.usps.com/assets/fonts/b140bbd0-c46d-44cc-9624-d6771c7ef867.eot?#iefix");
  src: url("https://www.usps.com/assets/fonts/b140bbd0-c46d-44cc-9624-d6771c7ef867.eot?#iefix")
      format("eot"),
    url("https://www.usps.com/assets/fonts/877fb191-395b-4a54-bd78-78a0c8a4f363.svg#877fb191-395b-4a54-bd78-78a0c8a4f363")
      format("svg"),
    url("https://www.usps.com/assets/fonts/0a4f4fc6-0a6f-48c8-b2ca-d0be41181c3e.woff")
      format("woff"),
    url("https://www.usps.com/assets/fonts/b1fc01ad-5910-4abe-b74b-64b80fc93e9d.ttf")
      format("truetype");
}

@font-face {
  font-family: "HelveticaNeueW02-45Ligh";
  src: url("https://www.usps.com/assets/fonts/88fcd49a-13c7-4d0c-86b1-ad1e258bd75d.eot?#iefix");
  src: url("https://www.usps.com/assets/fonts/88fcd49a-13c7-4d0c-86b1-ad1e258bd75d.eot?#iefix")
      format("eot"),
    url("https://www.usps.com/assets/fonts/48d599a6-92b5-4d43-a4ac-8959f6971853.svg#48d599a6-92b5-4d43-a4ac-8959f6971853")
      format("svg"),
    url("https://www.usps.com/assets/fonts/9a2e4855-380f-477f-950e-d98e8db54eac.woff")
      format("woff"),
    url("https://www.usps.com/assets/fonts/fa82d0ee-4fbd-4cc9-bf9f-226ad1fcbae2.ttf")
      format("truetype");
}

@font-face {
  font-family: "HelveticaNeueW02-55Roma";
  src: url("https://www.usps.com/assets/fonts/0b3a3fca-0fad-402b-bd38-fdcbad1ef776.eot?#iefix");
  src: url("https://www.usps.com/assets/fonts/d5af76d8-a90b-4527-b3a3-182207cc3250.woff")
      format("woff"),
    url("https://www.usps.com/assets/fonts/0b3a3fca-0fad-402b-bd38-fdcbad1ef776.eot?#iefix")
      format("eot"),
    url("https://www.usps.com/assets/fonts/b68875cb-14a9-472e-8177-0247605124d7.svg#b68875cb-14a9-472e-8177-0247605124d7")
      format("svg"),
    url("https://www.usps.com/assets/fonts/1d238354-d156-4dde-89ea-4770ef04b9f9.ttf")
      format("truetype");
}

@font-face {
  font-family: "HelveticaNeueW02-75Bold";
  src: url("https://www.usps.com/assets/fonts/db853e0e-929b-4272-b420-c946c954cf3a.eot?#iefix");
  src: url("https://www.usps.com/assets/fonts/db853e0e-929b-4272-b420-c946c954cf3a.eot?#iefix")
      format("eot"),
    url("https://www.usps.com/assets/fonts/25e09910-ffc3-4fc4-b0d1-db9a95dface8.svg#25e09910-ffc3-4fc4-b0d1-db9a95dface8")
      format("svg"),
    url("https://www.usps.com/assets/fonts/4a9c62ab-b359-4081-8383-a0d1cdebd111.woff")
      format("woff"),
    url("https://www.usps.com/assets/fonts/db5f9ba6-05a4-433a-9461-0a6f257a0c3a.ttf")
      format("truetype");
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.hide {
  display: none !important;
}

html,
body {
  font-family: "HelveticaNeueW02-45Ligh", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  font-size: 16px;
  line-height: 24px;
}

:focus {
  outline: 0;
}

input::-moz-focus-inner {
  border: 0;
}

body {
  font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
}

h1 {
  font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  font-size: 28px;
  line-height: 32px;
}

/* h2 {
     font-family: "HelveticaNeueW02-45Ligh", "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 33px;
     line-height: 42px;
}
 */
h2

/* strong */ {
  font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  font-size: 24px;
  line-height: 32px;
  color: #333366;
  /* margin-top: 40px; */
}

h3 {
  /* font-family: "HelveticaNeueW02-65Medi", "Helvetica Neue", Helvetica, Arial, sans-serif;
     */
  font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  font-size: 20px;
  line-height: 24px;
  color: #333366;
}

h4 {
  font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  font-size: 18px;
  color: #333366;
}

@media (min-width: 768px) {
  h1 {
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
      sans-serif;
    font-size: 32px;
    line-height: 32px;
  }

  /* h2 {
     font-family: "HelveticaNeueW02-45Ligh", "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 33px;
     line-height: 42px;
}
 */
  h2

/* strong */ {
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
      sans-serif;
    font-size: 28px;
    line-height: 32px;
    color: #333366;
	margin-top: 48px;
  }

  h3 {
    /* font-family: "HelveticaNeueW02-65Medi", "Helvetica Neue", Helvetica, Arial, sans-serif;
     */
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
      sans-serif;
    font-size: 22px;
    line-height: 24px;
    color: #333366;
  }

  h4 {
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
      sans-serif;
    font-size: 18px;
    color: #333366;
  }
}

h5 {
  color: #333366;
}
/*
hr {
  margin-top: 0;
  margin-bottom: 0;
}*/

p {
  font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
}

p strong {
  font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
}

li.parent a {
  font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
}

.nav li.parent ul > li {
  font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
}

div.main-results-without-dn,
.err_page {
  margin-top: 100px;
}

.recommended-results li {
  list-style-type: none;
}

div#dyn_nav {
  margin-top: 125px;
}

div#main_res {
  margin-top: 120px;
  min-height: 100%;
}

.p .footer .article p {
  display: none !important;
}

.n .pagination li a {
  display: inline-block;
}

li strong {
  font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
}

.main-results .recommended-results li {
  margin: 1em 3em;
}

.main-results .search-results li {
  margin: 1em 0em;
}

@media only screen and (max-width: 958px) {
  .main-results .search-results li {
    margin: 0.5rem 0 !important;
  }
}

/* 2 columns */
.page--2-column {
  margin-top: 60px;
}

.page--2-column .article:first-of-type {
  margin-top: 0;
}

.col {
}

.page--2-column .article {
  margin: 0;
  padding: 0;
  vertical-align: top;
  width: 450px;
}

.page--2-column .article img {
  margin: 0 0 0 0;
  padding: 0;
}

.page--2-column .article h4 {
  margin: 0 0 0 0;
  padding: 15px 30px 0px 30px;
}

.page--2-column .article p {
  margin: 0 0 0 0;
  padding: 0 30px 0 30px;
  font-size: 14px;
}

.page--2-column .col-left {
  display: inline-block;
}

.page--2-column .col-right {
  display: inline-block;
  padding: 0 18px;
}

.page--2-column .article p a {
  padding-top: 23px;
  display: block;
  font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  text-decoration: none;
  color: #333366;
}

.page--2-column .article p a:hover,
.page--2-column .article p a:focus {
  color: #999999;
}

.page--2-column .article ul {
  padding-left: 40px;
  line-height: 24px;
  list-style-type: disc;
  font-size: 14px;
}

.page--section + .page--2-column {
  margin-top: 23px;
}

:visited {
  color: #3573b1;
}

a.anchor {
  display: block !important;
  position: relative;
  visibility: hidden;
  height: 0 !important;
}

.search-results ul {
  margin: 20px 0 !important;
}

.main-results hr {
  margin: 20px 0 !important;
}

.faq-section {
  display: none;
}

.intro--hero-section {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
}

/* .article p,
.article h3 {
  margin-right: 40px;
} */

.page--3-column .article.col-center {
  margin-top: 0 !important;
}

.trms-after:after {
  display: none !important;
  content: "" !important;
}

.grey-hr {
  margin: 0px 40px;
  height: 1px;
  width: 100%;
  border: 0px;
  background-color: #d8d8d8;
  /* opacity: 0.5;
     */
  margin-top: 40px;
  /* padding-bottom: 40px;
     */
}

/* MAR 8-5-2019
 .inline-link {
     font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
     display: inline;
     text-decoration: none !important;
     color: #333366;
}

 .inline-link a:after {
     content: "";
     display: inline-block;
     height: 15px;
     width: 15px;
     background-image: url(/styleguide/assets/images/text-link-carat-red.svg);
     background-repeat: no-repeat;
     margin-left: 0px;
     top: 2px;
     position: relative;
     left: 3px;
}
*/

/* 4/24 */
.article h3 {
  padding-top: 40px;
}

.page--section .article a.link-arr-back:after,
.page--3-column .article a.link-arr-back:after,
.section--tabs .article a.link-arr-back:after {
  display: none;
}

.page--section .article a.link-arr-back {
  display: inline-block;
}

.col-1 .primary-button {
  float: right;
  right: 10%;
}

.page--section .article a.link-arr-back:before,
.page--3-column .article a.link-arr-back:before,
.section--tabs .article a.link-arr-back:before {
  content: "";
  display: inline-block;
  height: 15px;
  width: 15px;
  background-image: url(/styleguide/assets/images/text-link-carat-red.svg);
  background-repeat: no-repeat;
  margin-left: 0px;
  top: 2px;
  position: relative;
  right: 3px;
  -webkit-transform: rotate(180deg);
  /* Chrome and other webkit browsers */
  -moz-transform: rotate(180deg);
  /* FF */
  -o-transform: rotate(180deg);
  /* Opera */
  -ms-transform: rotate(180deg);
  /* IE9 */
  transform: rotate(180deg);
  /* W3C compliant browsers */
  /* IE8 and below */
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=-1, DX=0, DY=0, SizingMethod='auto expand');
}

.article a.button--primary :hover {
  background-color: #ededed;
  color: #333366;
}

.article a.button--primary :after,
.page--section .article a.button--primary :after,
.section--tabs .article a.button--primary {
  display: none;
}

.article a.button--primary {
  display: inline-block;
  font-size: 16px;
  font-size: 1rem;
  font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
}

.col-1 * {
  display: inline-block;
}

.article a.button--primary {
  background: #333366;
  border-radius: 5px;
  color: #ffffff;
}

.col-1 a.button--primary:hover {
  color: #333366;
  background-color: #ededed;
}

.col-1 a.button--primary:after {
  display: none;
}

.col-1 a.button--primary {
  margin-left: 100px;
}

.col-4 div {
  float: left;
}

.mock-check:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1.25em;
  height: 1.25em;
  border: 2px solid #ccc;
  background: #fff;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

/*.main_content:not(.intro--hero-section) {
     padding-right: 40px;
}
*/
p.download-symbol a:after {
  content: "";
  display: inline-block;
  height: 15px;
  width: 15px;
  background-image: url(/styleguide/design/images/download_icon_14x15.svg) !important;
  background-repeat: no-repeat;
  margin-left: 0px;
  top: 2px;
  position: relative;
  left: 3px;
}

strong {
  font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
}

.article p,
.article ul,
.article ul li {
  font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
}

/* styling anchor links  */
.title {
  margin-left: 30px;
}

.subhdr-list {
  margin: 0px 0px 30px 0px;
}

.subhdr-list ul {
  display: inline-block;
}

.subhdr-list ul li {
  text-align: left;
  vertical-align: top;
  min-width: 100px;
  margin: 0px 0px 12px 30px;
  font-size: 28px;
  padding: 0px 0px 0px 0px;
  list-style: disc;
  color: #333366;
  font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
}

.subhdr-list li a {
  display: inline-block;
  font-size: 28px;
  padding: 0;
  font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
}

.results-return {
  max-height: 0;
  opacity: 0;
  position: fixed;
  bottom: 25px;
  right: 0px;
  -moz-transition: opacity 250ms ease;
  -ms-transition: opacity 250ms ease;
  -webkit-transition: opacity 250ms ease;
  transition: opacity 250ms ease;
}

.results-return.active {
  z-index: 9999;
  opacity: 1;
  max-height: 50px;
  -moz-transition: opacity 250ms ease;
  -ms-transition: opacity 250ms ease;
  -webkit-transition: opacity 250ms ease;
  transition: opacity 250ms ease;
}

.results-return a img {
  display: block;
}

@media (max-width: 568px) {
  .results-return {
    right: -15px;
  }
  .results-return a img {
    width: 75%;
  }
}

image {
  max-width: 100%;
  max-height: 100%;
}

.benefits--3-image {
  text-align: center;
  margin-top: 48px;
  margin-bottom: 0px;
  /* max-width: 320px; */
}

.benefits--3 {
  text-align: center;
  margin-top: 24px;
  /* margin-bottom: 50px; */
  padding-left: 20px;
}

.benefits--3-image img,
.benefits--3 img {
  margin: 0 auto;
  min-height: 50px;
  max-height: 50px;
}

.benefits--3-image.spacing-image img {
    width: 45px;
}

.benefits--3-image h3,
.benefits--3 h3 {
  /* margin-top: 14px; */
  margin-top: 0px;
  margin-bottom: 4px;
}

.benefits--3-image p,
.benefits--3 p {
  margin-top: 4px;
  margin-bottom: 4px;
  display: inline-block;
}

.benefits--3-image h3 a,
.benefits--3-image h3 a:visited {
  color: #3573b1;
  text-decoration: underline;
}

.benefits--3-image h3 a:hover,
.benefits--3-image h3 a:focus {
  text-decoration: none;
}

.category-section .col-md-4.col-sm-10.col-12 {
    max-width: 320px;
	margin-left: 48px;
}

.category-section .col-md-4.col-sm-10.col-12:first-child {
    margin-left: 0px;
}

.category-section p {
	margin-bottom: 0px;
}

@media (max-width: 767px) {
	.category-section .col-md-4.col-sm-10.col-12 {
		margin-left: 0px;
	}
}

@media (max-width: 992px) {
  .benefits--3-image,
  .benefits--3 {
    margin-bottom: 20px;
  }
}

.jumbotron {
  border-radius: 0;
}

.container-fluid .header-1,
.jumbotron .header-1 {
  font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
    sans-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", Helvetica, Arial,
    sans-serif;
  font-size: 28px;
  line-height: 32px;
  color: #333366;
  margin-top: 40px;
  margin-bottom: 0;
  text-align: left;
}

.container-fluid .header-2.subhead,
.jumbotron .header-2.subhead {
  font-size: 22px;
  line-height: 26px;
  margin-top: 14px;
  margin-bottom: 0;
  text-align: left;
}

.container-fluid .header-2.inverse,
.jumbotron .header-2.inverse {
  font-size: 22px;
  line-height: 26px;
  color: #ffffff;
  background-color: #333366;
  text-align: left;
}

.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", Helvetica, Arial,
    sans-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", Helvetica, Arial,
    sans-serif;
  line-height: 22px;
  font-size: 18px;
  color: #333366;
}

.container-fluid .header-5,
.jumbotron .header-5 {
  font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  font-size: 16px;
  line-height: 18px;
  color: #333366;
}

.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: 18px;
  margin-bottom: 15px;
  display: 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;
}

.container-fluid {
  max-width: 2000px;
}

/* .page--wrapper.two-column, .jumbotron.intro--hero-title {
    max-width: 2000px;
    margin-left: auto;
    margin-right: auto;
} */

.page--wrapper.two-column {
    max-width: 2000px;
    margin-left: auto;
    margin-right: auto;
}

.header-sidebar-container {
	max-width: 1625px;
}

.page--wrapper.two-column .container-fluid {
    /* max-width: 100%; */
    max-width: 980px;
    margin-left: inherit;
    margin-right: inherit;
}

@media (max-width: 767px) {
 	padding-left: 10px; 
}

/* SINGLE COLUMN SHORT */
.col-1-short {
  margin-top: 60px;
  margin-bottom: 65px;
}

.col-1-short h2 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.col-1-short p {
  margin-top: 18px;
  margin-bottom: 15px;
  display: inline-block;
}

.col-1-short .button--primary {
  margin-top: 15px;
  margin-bottom: 0;
}

.col-1-short p a.button--primary,
.col-1-short p a.button--secondary {
  margin: 0;
}

.container-fluid .col-1-txt h2,
.jumbotron .col-1-txt h2 {
  margin-bottom: 0;
}

.col-1-txt {
  margin: 0 0 30px 0;
  padding: 0 30px;
}

.col-1-txt h2 {
  margin-top: 40px;
}

.col-1-txt h3 {
  margin-top: 60px;
}

.col-1-txt p + p {
  margin-top: 0;
}

.txt-w-blurb {
  margin: 40px 0 0 0;
}

.txt-w-blurb h2 {
  margin: 0 0 0 0;
}

.txt-blurb {
  margin-top: 40px;
}

.col-2-txt {
  margin: 0 0 80px;
}

.col-2-txt.col-2-hd {
  margin: 0;
}

.col-2-txt h3 {
  margin-bottom: 0;
  margin-top: 0;
}

.col-2-txt h3 + p {
  margin-top: 5px;
}

.col-1-txt h2 + p {
  margin-top: 18px;
}

.col-1-txt.col-2-hd {
  margin-bottom: 0;
}

.col-1-txt h3 + p {
  margin-top: 5px;
}

.col-1-txt h3 {
  margin-top: 15px;
  margin-bottom: 0;
}

.col-2-txt:last-of-type {
  margin-bottom: 30px;
}

.col-2-txt {
  margin-bottom: 0px;
  padding-left: 30px;
  padding-right: 30px;
}

@media (min-width: 992px) {
  .row > div,
  .jumbotron .row > div {
    padding-left: 0;
  }

  .page-container .row > div {
    padding-left: 15px;
  }
}

@media (max-width: 1200px) and (min-width: 992px) {
  .row > div,
  .jumbotron .row > div {
    /* padding-left: 30px;
    padding-right: 30px; */
  }
}

@media (max-width: 992px) {
  /* COLUMN SHORT SECTION */
  .col-1-txt,
  .col-2-txt {
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-bottom: 10px !important;
    margin-bottom: 5px !important;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  /* COLUMN 1 SHORT */
  .col-1-short.center {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  /* COLUMN 1 SHORT */

  .col-1-short.center {
    text-align: left;
    margin-top: 30px;
    margin-bottom: 20px;
  }

  :not(.faq-section) p a:after {
    content: "";
    display: inline-block;
    background-image: url(/styleguide/assets/images/text-link-carat-red.svg);
    background-repeat: no-repeat;
    margin-left: 0;
    position: relative;
    height: 10px;
    width: 10px;
    left: 5px;
    top: 0px;
  }

  :not(.faq-section) p a:hover:after {
    background-image: url(/styleguide/assets/images/text-link-carat-grey.svg);
  }
}

:not(.faq-section) p a:after {
  content: "";
  display: inline-block;
  background-image: url(/styleguide/assets/images/text-link-carat-red.svg);
  background-repeat: no-repeat;
  margin-left: -25px;
  position: relative;
  height: 15px;
  width: 15px;
  left: 30px;
  top: 0px;
}

:not(.faq-section) p a:hover:after {
  background-image: url(/styleguide/assets/images/text-link-carat-grey.svg);
}

.page--section .article h3 + p {
  margin-top: 5px;
}

.jumbotron--container {
  display: block;
  padding: 20px 0px !important;
}

.jumbotron.intro--hero-title {
  background-color: #333366;
  padding: 20px 0 20px 15px;
  margin-bottom: 0px;
}

.jumbotron.intro--hero-title .h1,
.jumbotron.intro--hero-title h1 {
  font-size: 1.75rem;
  line-height: 35px;
  color: #ffffff;
}

@media (min-width: 768px) {
  .jumbotron.intro--hero-title .h1,
  .jumbotron.intro--hero-title h1 {
    font-size: 32px;
    line-height: 35px;
    color: #ffffff;
  }
}

@media (min-width: 992px) {
  .jumbotron--container {
    padding: 20px 0px !important;
    display: grid;
    grid-template-columns: 275px auto;
    grid-template-areas: "headersidebar headertitle";
  }
}

.header--title {
  grid-area: headertitle;
}

.header-sidebar {
  grid-area: headersidebar;
}

.ordered-list {
  list-style-type: decimal;
  margin-left: 25px;
  line-height: 22px;
}

.link-style a {
  color: #3573b1;
  text-decoration: underline;
}

.link-style a:hover,
.link-style a:focus {
  text-decoration: none;
}

.page--section .inline-link a {
  font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  color: #3573b1;
  text-decoration: underline;
}

.page--section .inline-link a:hover,
.page--section .inline-link a:focus {
  text-decoration: none;
}

.page--section a.inline-link:after {
  display: none !important;
}

a.inline-link {
  font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  color: #3573b1;
  text-decoration: underline;
}

a.inline-link:hover,
a.inline-link:focus {
  text-decoration: none;
}

a.inline-link:after {
  display: none;
}

.inline-link:after {
  display: none;
}

a.inline-link-new {
  font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  color: #3573b1;
  text-decoration: underline;
}

a.inline-link-new:hover,
a.inline-link:focus {
  text-decoration: none;
}

a.inline-link-new:after {
  display: none !important;
}

.alt-blue {
 	color: #005EA2; 
}

#test-for-readability h3 {
 	margin-top: 24px; 
}

/* START Headings and Text */

.article h1 {
  padding-top: 20px;
  color: #333366;
}

.bullet-list {
  padding-top: 20px;
}

a.inline-link.normal {
  font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
}

.inverse.heading--title h1,
.inverse.heading--title h2,
.inverse.heading--title h3,
.inverse.heading--title h4,
.inverse.heading--title h5 {
  background-color: #333366;
  padding: 5px 5px 5px 5px !important;
  margin-bottom: 0px;
  display: inline-block;
  font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  color: #ffffff;
  margin-top: 0px;
}

.inverse.heading--title,
.inverse.alert-txt,
.hero--variant {
  padding-left: 15px;
}

.inverse.alert-txt h1,
.inverse.alert-txt h2,
.inverse.alert-txt h3,
.inverse.alert-txt h4,
.inverse.alert-txt h5 {
  background-color: #e71921;
  padding: 5px 5px 5px 5px !important;
  margin-bottom: 0px;
  /* width: 100px; */
  font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  color: #ffffff;
  display: inline-block;
}

/* .inverse.heading--title.digital {
	 width: 100px;
	 padding: 0px 0 0px 4px!important;
} */

/* .inverse.heading--title h1, .inverse.heading--title h2, .inverse.heading--title h3, .inverse.heading--title h4, .inverse.heading--title h5 {
     line-height: 35px;
     color: #ffffff;
	 margin-top: 0px;
} */

.inverse.heading--title h1 {
  font-size: 32px;
}

.inverse.heading--title h2 {
  font-size: 28px;
}

.inverse.heading--title h5 {
  font-size: 16px;
}

.hero--variant h2,
.hero--variant h3,
.hero--variant h4,
.hero--variant h5 {
  margin-top: 0px !important;
  padding-top: 0px !important;
}

.page--section .article ul {
  padding-left: 0px;
}

.page--section .article h4 {
  font-size: 18px;
}

.page--section .article h5 {
  font-size: 16px;
}

.article .special-text {
  padding-top: 20px;
}

.heading--title .digital h5 {
  margin-top: 0px !important;
}

.header-links-wrapper {
  padding-top: 20px;
}

.callouts-box-wrapper {
  border: 1px solid #999999;
  box-shadow: 0px 0px 5px #a8a8a8;
  z-index: 10;
  padding: 10px 15px;
}

.callouts-box-wrapper h3 {
  padding-top: 0px !important;
  display: contents;
}

/* START Buttons and Links */
a.btn-primary.button--disabled {
  color: #595959;
  background: #ededed;
  border: 1px #ededed solid;
  pointer-events: none;
}
/* 4-2 change */
.article p {
  padding-top: 0px;
  margin-bottom: 0px;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover {
  text-decoration: none;
}

ul.Link-list {
  padding-top: 20px;
}

ul > ul {
  display: inline-block;
  list-style-type: none;
}

li.list-style {
  list-style-type: disc;
}

:not(.faq-section) p a:after {
  display: contents;
  background-image: none;
}

/* .article ul {
  margin-left: 15px;
} */

a.inline-linked-header {
  color: #3573B1;
  text-decoration: underline;
}

.article h3, h4, h5 {
  padding-top: 18px;
}

.article h5 {
  font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
}

a.btn-primary.button--blue {
  color: #ffffff;
}
a.btn-primary.button--blue:hover {
  color: #333366;
}

.hero-content .btn-primary {
    text-wrap-mode: nowrap;
}

.button-wrapper .button-container {
  padding-top: 20px;
}

.button-container {
  padding-top: 30px;
}

.btn-primary {
  font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  font-size: 16px;
  display: inline-block;
  color: #ffffff;
  background: #333366;
  min-width: 120px;
  text-align: center;
  border-radius: 3px;
  height: auto;
  text-decoration: none;
  padding: 9px 20px;
  border-style: none;
  border: 1px solid #333366;
}
@media (min-width: 576px) {
  .btn-primary {
    height: 44px;
  }
}

.btn-primary.button--white {
  color: #333366;
  background: #ffffff;
  border: 1px #333366 solid;
  border-radius: 3px;
}

.btn-primary.button--white:hover {
  color: #333366;
  background: #ededed;
  border: 1px #333366 solid;
  border-radius: 3px;
}

.btn-primary.button--green {
  color: #ffffff;
  background: #218748;
  border: 1px #218748 solid;
}

.btn-primary.button--green:hover {
  color: #218748;
}

.btn-primary:hover,
.btn-primary.focus:hover,
.btn-primary:focus:hover {
  background: #ededed;
  color: #333366;
  cursor: pointer;
  border: 1px solid #ededed;
}

.button-wrapper {
  display: inline-flex;
  flex-wrap: wrap;
  padding-top: 20px;
  padding-left: 0px;
}

.button-wrapper.mobile {
  display: grid;
  padding-top: 20px;
  padding-left: 0px;
}

.column-container,
a.btn-primary.button--disabled,
a.btn-primary.button--green {
  min-width: 140px;
}

.column-container p {
  margin-top: 0px;
}

.column-container h4 {
  margin-top: 20px;
}

.column-container p + p {
  padding-top: 0px;
}

a.btn-primary.button--white--hover {
  background: #ededed;
  color: #333366;
}

a.btn-primary.button--green--hover {
  background: #ededed;
  color: #218748;
  border: 1px;
}

.button--star:before {
  content: "";
  background-image: url("../../assets/images/button-star.png");
  background-repeat: no-repeat;
  background-size: 18px 16px;
  width: 18px;
  height: 16px;
  display: inherit;
  padding-right: 5px;
  vertical-align: top;
  margin-right: 15px;
  margin-top: 2px;
  float: left;
}

.button--cart:hover:before {
  background-image: url("../../assets/images/button-cart-hover.png");
}

.button--cart:before {
  content: "";
  background-image: url("../../assets/images/button-cart.png");
  background-repeat: no-repeat;
  background-size: 28px 21px;
  width: 28px;
  height: 20px;
  display: inline-block;
  padding-right: 5px;
  position: relative;
  vertical-align: top;
  margin-right: 10px;
  background-position: 0px 1px;
}

.btn-primary:hover,
.btn-primary.focus:hover,
.btn-primary:focus:hover {
  text-decoration: none;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  color: #333366;
  border-color: #333366;
  background-color: #ffffff;
}

.icon--combo {
  padding-left: 1rem;
  padding-right: 1rem;
}

.icon--combo .row {
  margin-left: 0;
}

.icon-combo-section1,
.icon-combo-section2 {
  text-align: center;
}

.icon-combo-section1 img,
.icon-combo-section2 img {
  width: 60px;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}

.icon-combo-section1 .button-container,
.icon-combo-section2 .button-container {
  padding-top: 10px;
}

#cta-specifications .image-example-one {
  width: 100%;
}

.no-margin p {
  margin-right: 0;
  margin-top: 0;
}

@media only screen and (min-width: 768px) {
  .button-wrapper {
    padding-bottom: 0px;
  }

  .button-container {
    display: inline-block;
  }

  .button-container + .button-container {
    margin-left: 30px;
  }

  .button-wrapper.mobile a {
    width: 211px;
    min-width: 170px;
  }
  #cta-specifications .image-example-one {
    width: auto;
  }
}

@media only screen and (max-width: 767px) {
  .button-container {
    padding-bottom: 30px;
    text-align: center;
  }

  .button-wrapper {
    padding-bottom: 0px;
  }
}

/* Color Palette Section */

.color-title-box {
  margin: 1rem 0;
}

.block-list .article {
  margin-bottom: 2rem;
}

/* START Navigation */

.page-content nav {
  width: 76% !important;
}

.image img {
  width: 100%;
  height: auto;
}

.image-mobile,
.image {
  margin-top: 20px;
}

.image-mobile img {
  width: 100%;
  height: auto;
}

#globalNavigation {
    margin-bottom: 0px !important;
}

#globalNavigation h2, #globalNavigation p, #primaryNavigation p {
    margin-top: 24px;
}

#globalHeader .italic-descriptions, #primaryNavigation .italic-descriptions, #footerNavigation .italic-descriptions {
    margin-top: 12px;
    padding-left: 0;
}

.italic-center {
	text-align: center;
}

#globalHeader .italic-descriptions p, #primaryNavigation .italic-descriptions p, #footerNavigation .italic-descriptions p {
    font-style: italic !important;
    margin-top: 0px !important;
}

#globalHeader .image.text-center, #globalHeader .image-mobile, #primaryNavigation image {
    margin-top: 24px !important;
}

#primaryNavigation h2 {
	margin-top: 48px;
}

#primaryNavigation hr {
	margin-bottom: 0px;
}


@media screen and (min-width: 568px) {
  .image-mobile img {
    width: auto;
    height: auto;
  }
}

/* START Static Components */

.italic-descriptions {
  margin-top: 15px;
}

.callouts-section p {
  margin-right: 0px;
}

.card-box {
  margin-bottom: 20px;
  border-left: 5px solid #333366;
}

.small-cards {
  padding: 20px;
}

.small-cards p {
  margin-right: 0;
}

.hero-wrapper {
  width: 100%;
  margin-left: 0;
  background-color: #f7f7f7;
  margin-top: 20px;
  margin-bottom: 20px;
}

.hero-content {
  padding-left: 2rem !important;
  padding-right: 2rem;
}

@media screen and (min-width: 568px) {
  .hero-content {
    padding-left: 2rem !important;
    padding-right: 1rem;
  }
}

@media screen and (min-width: 1140px) {
  .hero-content {
    padding-left: 3rem !important;
    padding-right: 1rem;
  }
}

.hero-content-mobile {
  padding-left: 2rem !important;
  padding-right: 2rem;
}

.hero-image {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}

@media only screen and (min-width: 968px) {
  .hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}

@media only screen and (min-width: 1200px) {
  .hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
  }
}

.hero-image-mobile {
  width: 100%;
}

.logo-card-header {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ededed;
  width: auto;
  min-width: 150px;
  text-align: center;
}

.logo-card-header h3 {
  margin-right: 0;
  padding: 20px 0 20px 0;
}

.logo-image-top {
  height: auto;
  width: 150px;
}

.small-graphic-img {
  height: auto;
  padding-left: 0;
  padding-right: 0;
}

#alternatingMobile p {
  margin: 0;
}

#alternatingMobile .card {
  background-color: #ededed;
}

.mobile-image-top {
  height: 50px;
  width: 100%;
}

.small-graphic-img img,
.mobile-image-top img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.graphic-block-image {
  width: 100%;
  height: 100px;
  object-position: center;
  object-fit: cover;
}

@media only screen and (min-width: 768px) {
  .graphic-block-image {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
  }
}

.card-boxshadow {
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);
}

.card-image-mobile .card {
  margin-bottom: 20px;
}

.card-image-mobile .small-cards {
  padding: 10px;
}

.copy-block {
  background-color: #f7f7f7;
  padding-left: 10px !important;
  padding-top: 10px;
  padding-right: 10px;

  padding-bottom: 30px;
}

.copy-block p {
  margin-right: 0;
}
.accordion-section-heading {
  padding-right: 0;
  padding-left: 0;
}

.intro-description {
  margin-bottom: 20px;
}

.call-to-action {
  padding-top: 1px;
  padding-bottom: 0;
  border-bottom: 2px solid #3573b1;
}

.call-to-action:hover {
  text-decoration: none;
  border-bottom: 2px solid #0056b3;
}

#drawerNav {
  width: 100%;
}

.drawer-component {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background-color: #f7f7f7;
}

.drawer {
  display: none !important;
}

.drawer-block-active {
  display: flex !important;
}

.drawer-link-container.drawer-active,
.drawer-link-container.drawer-active p,
.drawer-link-container.drawer-active h4 {
  background-color: #333366;
  color: #ffffff !important;
}

.drawer-link-container p {
  margin-top: 0;
  margin-right: 0;
  font-size: 15px;
}

.drawer-link-container.drawer-active p {
  margin-top: 0;
}

.drawer-link-container {
  width: 100%;
  height: 150px;
  padding: 1rem 1rem 1rem 1rem;
  background-color: #f7f7f7;
  position: relative;
}

.drawer-link-container:hover {
  background-color: #ededed;
}

.drawer-link-container.drawer-active:hover {
  background-color: #333366;
}
.drawer-link-container .drawer-text {
  width: 75%;
}

.drawer-arrow {
  content: "";
  margin-right: 1.5rem;
  background-image: url(../../assets/images/blue-caret.svg);
  background-repeat: no-repeat;
  display: inline-block;
  top: 40%;
  position: absolute;
  right: 16px;
  height: 25px;
  width: 25px;
}

.drawer-link-container.drawer-active .drawer-arrow {
  background-image: url(../../assets/images/white-arrow.svg);
}

.drawer-content {
  padding-left: 0;
  padding-right: 0;
}
.drawer-content {
  display: none;
}

.drawer-content.drawer-body-active {
  display: block;
}

.drawer-content p {
  margin-right: 0;
  font-size: 15px;
}

#expandAllAccordion .show {
  display: block !important;
}

#expandAllAccordion .hide {
  display: none;
}

.accordiontitle {
  margin-right: 40px !important;
  padding-left: 20px !important;
}

@media (min-width: 768px) {
  .accordiontitle {
    margin-right: auto !important;
  }
  #expandAll {
    padding-right: 2rem;
  }
  .copy-block {
    background-color: #f7f7f7;
    padding-left: 30px !important;
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
  }
}

.accordion-section-heading .accordiontitle::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  background-size: 24px 15px;
  top: 6px;
  width: 24px;
  background-repeat: no-repeat;
  height: 25px;
  background-image: url(../../../styleguide/elements/images/buttons-links/caret-down_blue_18x11.svg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: transform 0.2s ease-out;
  transform-origin: 40% 30%;
}

.accordion-section-heading[aria-expanded="true"] .accordiontitle::after {
  background-image: url(../../../styleguide/elements/images/buttons-links/caret-down_blue_18x11.svg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: transform 0.2s ease-out;
  right: -4px;
  top: 6px;
}

#expandAll::after {
  position: relative;
  top: 11px;
  right: 0;
}

@media (min-width: 576px) {
  #expandAll::after {
    position: absolute;
    top: 52px;
    right: 35px;
  }
}

#expandAll.active::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: transform 0.2s ease-out;
}

/* .column-item .accordiontitle::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  background-size: 15px 15px;
  top: 0;
  width: 22px;
  background-repeat: no-repeat;
  height: 25px;
  background-image: url(../../../styleguide/elements/images/buttons-links/caret-down_blue_18x11.svg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: transform 0.2s ease-out;
  transform-origin: 40% 30%;
}

.column-item .accordiontitle[aria-expanded="true"]::after {
  background-image: url(../../../styleguide/elements/images/buttons-links/caret-down_blue_18x11.svg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: transform 0.2s ease-out;
} */

button.close {
  cursor: pointer;
}

@media (min-width: 1250px) {
  .drawer-component {
    margin-top: 2rem;
    margin-bottom: 2rem;
	padding: 2rem 2rem 3rem 2rem;
    background-color: #f7f7f7;
  }
  .drawer-content {
    padding-left: 3rem;
    padding-right: 1rem;
  }
  .drawer-content p {
    margin-right: 0;
    font-size: 16px;
  }
  .drawer-link-container {
    width: 100%;
    height: 150px;
    padding: 1rem 1rem 1rem 3rem;
    background-color: #f7f7f7;
	    border-bottom: 1px solid #d8d8d8;
  }
  .drawer-link-container p {
    margin-top: 0;
    margin-right: 0;
    font-size: 16px;
  }
}

/* Application Components */

/* CheckBox */

label.checkbox-component {
  font-size: 14px;
  color: #000000;
  margin-top: 10px;
  padding-left: 25px;
  position: relative;
  margin-bottom: 0px;
  display: table;
}

input.form-control {
    color: #000000;
}

input.form-control:focus {
	color: #000000;
}

input[type="checkbox"],
input[type="radio"].toggle {
  position: absolute;
  opacity: 0;
}

input[type="checkbox"],
input[type="radio"] {
  vertical-align: top;
  margin: 2px 0 0;
  float: left;
}

input[type="checkbox"] ~ span.checkbox {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #595959;
  margin: 3px 5px 0 0;
  vertical-align: middle;
  background: #ffffff;
}

.checkbox-component span.checkbox {
  position: absolute;
  left: 0;
}

input[type="checkbox"]:checked ~ span.checkbox:after {
  content: "";
  display: block;
  left: 6px;
  top: 1px;
  width: 8px;
  height: 13px;
  border: solid #333366;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
}

.radio-wrap,
.checkbox-wrap {
  padding-top: 12px;
}

.radio-container + .radio-container {
  padding-top: 12px;
}

.radio-button {
  -webkit-appearance: none;
  content: "";
  width: 14px;
  height: 14px;
  background-color: #fff;
  border-radius: 50%;
  outline: 0px;
  border: solid 1px #595959;
}

.radio-button:checked:after {
  content: "";
  display: inline-block;
  border-radius: 50%;
  background-color: #595959;
  padding: 3px;
  margin: 3px;
}

.radio-button ~ label {
  font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  color: #000000;
  font-size: 14px;
  padding-left: 0;
  display: table;
}

/* completely hiding radio button */
input[type="radio"] {
  display: none;
}

/* simulate radiobutton appearance using pseudoselector */
input[type="radio"] + label:before {
  content: "";
  /* create custom radiobutton appearance */
  display: inline-block;
  width: 14px;
  height: 14px;
  padding: 3.5px;
  margin-right: 8px;
  /* background-color only for content */
  background-clip: content-box;
  border: 1px solid #bbbbbb;
  background-color: transparent;
  border-radius: 50%;
}

/* appearance of checked radiobutton */
input[type="radio"]:checked + label:before {
  background-color: #333366;
  margin-bottom: -2px;
}

/* optional styles for centering radiobuttons */
.sound-signal label {
  display: inline-flex;
  align-items: center;
}

/* completely hiding radio button */
input[type="checkbox"] {
  display: none !important;
}

/* simulate radiobutton appearance using pseudoselector */
input[type="checkbox"] + label:before {
  content: "";
  /* create custom radiobutton appearance */
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin-right: 5px;
  /* background-color only for content */
  background-clip: content-box;
  border: 1px solid #bbbbbb;
  background-color: transparent;
}

/* appearance of checked radiobutton */
input[type="checkbox"]:checked + label:before {
  color: #000000;
  content: "\2714";
  font-size: 10px;
}

.form-check-label {
  font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  color: #333366;
  font-size: 16px;
  margin-top: 10px;
}

/* optional styles for centering radiobuttons */
.sound-signal label {
  display: inline-flex;
  align-items: center;
}

.example-container {
  position: relative;
  background-color: #f1f1f1;
  margin-top: 1rem;
  margin-bottom: 0px;
  padding: 24px;
}

.example-container .container-intro {
    margin-top: 0px;
}

.app-nav-wrapper {
  margin-left: 0 !important;
  display: inline-flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: center;
  color: #333366;
}

.progress-wrapper {
  border-radius: 0;
  background-color: #e9ecef;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100%;
  transform: skewX(-20deg);
}

@media only screen and (min-width: 568px) {
  .progress-wrapper {
    width: 100%;
  }
}

.progressbar-container {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.progress-bar-success {
  background-color: #333366;
  width: 0%;
}
.progress-bar-inprocess {
  background-color: #ededed;
  width: 100%;
}
.step-number {
  color: #e9ecef;
}
.progressbar-step-info {
  font-size: 1rem;
  position: absolute;
  top: -5px;
  margin-left: 0.35rem;
}

.app-link-nav {
  text-decoration: none;
  padding: 0.5rem 0;
  margin: 0 0.25rem;
  border-bottom: transparent solid 3px;
  cursor: pointer;
  padding-bottom: 2px;
}

.app-nav-wrapper  .app-link-nav h5 {
	font-size: 14px;
}

.app-link-divider {
  margin: 0 0.5rem;
  border-bottom: transparent solid 3px;
  color: #d8d8d8;
  margin-bottom: -8px;
}

.app-link-nav.active,
.app-link-nav:active,
.app-link-nav:hover,
.app-link-nav:focus {
  border-bottom: 3px solid #e71921;
}

.intro-wrapper {
  margin-top: 20px;
  margin-bottom: 20px;
}

.card-header-wrapper {
  padding-top: 20px;
  align-items: center;
}

.accordion-wrapper {
  background-color: #ededed;
  padding-left: 30px !important;
  padding-top: 0px;
  padding-right: 30px;
  padding-bottom: 30px;
}

.accordion-panel-heading {
  display: inline-flex;
  margin-top: 20px;
  margin-bottom: 20px;
}

.accordion-section-heading {
  display: inline-flex;
}

.expand-wrap {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
}

.cursor-pointer {
  cursor: pointer;
  margin-left: 10px;
}

.panel-title {
  margin-top: 0;
  padding-top: 0 !important;
}

.info-icon {
  cursor: pointer;
}

.popover-header {
  font-size: 1.25rem !important;
  background-color: #ffffff;
  border-bottom: none;
}

.modal-container {
  position: relative;
  height: 160px;
}

.modal-wrapper {
  position: relative;
  display: flex !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  justify-content: center;
  height: auto;
  width: 100%;
  background-color: rgba(51, 51, 102, 0.5);
}

.modal-show {
  display: flex !important;
}

.modal-wrapper-small {
  position: relative;
  display: none;
  padding-left: 0 !important;
  padding-right: 0 !important;
  top: -85px;
  justify-content: center;
  height: auto;
  width: 100%;
  background-color: rgba(51, 51, 102, 0.5);
}

.modal-box-small {
  position: relative;
  width: 90%;
  height: 90%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-self: center;
  background-color: #ffffff;
  padding: 20px 20px 20px 20px;
  z-index: 1050;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  max-width: 300px;
}
.modal-box-small h2 {
  margin-top: 0;
}

.modal-box-small p {
  margin-top: 20px;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
}

.height-auto {
  height: auto !important;
}

.modal-box {
  position: relative;
  width: 90%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-self: center;
  background-color: #ffffff;
  padding: 20px 20px 20px 20px;
  z-index: 1050;
  margin: auto;
  max-width: 960px;
}

.modal-box p {
  margin-right: 0;
}

@media screen and (min-width: 568px) {
  .modal-box {
    position: relative;
    width: 90%;
    height: 90%;
    display: flex;
    flex-direction: column;
    align-self: center;
    background-color: #ffffff;
    padding: 40px 40px 60px 40px;
    z-index: 1050;
    margin: auto;
    max-width: 960px;
  }
}

.modal-box h2 {
  margin-top: 0;
}

.modal-box p {
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 0;
}

.modal-box .buttons-wrap {
  display: flex;
  justify-content: center;
  padding-top: 0;
  flex-wrap: wrap;
  flex-direction: column;
}

@media screen and (min-width: 568px) {
  .modal-box .buttons-wrap {
    flex-direction: row;
  }
}

.modal-box .button-container {
  padding-top: 0;
}

.modal-header-custom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: none;
  /* align-items: flex-start; */
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: none;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.modal-header h3 {
  margin-top: 0;
  padding-top: 0 !important;
}

.modal-body p {
  margin-top: 0;
  padding-top: 0;
}

.loading-wrapper {
  border-radius: 0;
  background-color: #333366;
  transform: skewX(-20deg);
}

.loading-modal-box {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-self: center;
  align-content: center;
  text-align: center;
  background-color: #333366;
  padding: 20px 20px 20px 20px;
  color: #ffffff;
  z-index: 1050;
  margin: auto;
  margin-top: 42px;
  margin-bottom: 42px;
  max-width: 500px;
}

.loading-modal-box p {
  margin-top: 0;
  padding-top: 10px;
  margin-right: 0;
  color: #ffffff;
}

.loading-modal-box h2 {
  margin-top: 0;
  color: #ffffff;
}

.loading-bar {
  position: relative;
  width: 20%;
  margin-right: 0.5rem;
  background-color: transparent !important;
  border: 1px solid #ffffff;
}

.loading-bar-success {
  position: absolute;
  top: 0;
  background-color: #ffffff;
  width: 0%;
  height: 100%;
  z-index: 2;
}
.loading-bar-inprocess {
  background-color: #333366;
  border: 1px solid #ffffff;
  width: 20%;
}

/* .loading-bar-success:nth-child(-n+4) {
    background-color:  #FFFFFF;

} */

.dropdown-box,
.form-box {
  width: 100%;
  /* margin-top: 5px; */
}
.dropdownlabel,
.form-label {
  font-size: 12px;
  margin-bottom: 5px;
  color: #000000;
}

.dropdown-toggle::after {
  display: none;
}

.dropdown-toggle-arrow {
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  position: absolute;
  margin-right: 10px;
  right: 0;
  top: 50%;
  transform: translate(-50%, -50%);
}

.dropdown-arrow {
  content: "";
  height: 10px;
  width: 15px;
  background-repeat: no-repeat;
  position: absolute;
  margin-right: 15px;
  right: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  background-image: url("../../assets/images/dropdown-carat.png");
  cursor: pointer;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: transform 0.2s ease-out;
  transform-origin: 40% 30%;
}

.dropdown-toggle[aria-expanded="true"] .dropdown-arrow {
  content: "";
  height: 10px;
  width: 15px;
  background-repeat: no-repeat;
  position: absolute;
  margin-right: 10px;
  right: 3px;
  transform: translate(-50%, -50%);
  background-image: url("../../assets/images/dropdown-carat.png");
  cursor: pointer;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: transform 0.2s ease-out;
  top: 28px;
}

.mobile-approach-toggle-arrow {
  top: 17px;
  height: 30px;
  width: 15px;
  background-position: 50% 50%;
  transform-origin: 50% 50%;
}

.dropdown-toggle[aria-expanded="true"] .mobile-approach-toggle-arrow {
  top: 14px;
  height: 30px;
  width: 26px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  right: 0px;
}

.dropdown-custom,
.form-custom {
  width: 100%;
  height: 44px;
  border: 1px solid #333366;
  text-align: start;
  padding: 5px 10px 5px 10px;
  border-radius: 3px;
}

.dropdown-custom-error,
.form-custom-error {
  width: 100%;
  height: 44px;
  border: 1px solid #e71921;
  text-align: start;
  padding: 5px 15px 5px 15px;
  border-radius: 3px;
}

.dropdown-custom-error:focus,
.form-custom-error:focus {
  box-shadow: none !important;
  border: 1px solid #e71921;
}

.dropdown-custom:focus,
.form-custom:focus {
  box-shadow: none !important;
  border: 1px solid #333366;
}

.dropdown-menu-custom {
  border-top: none;
  border-color: #333366;
  border-radius: 0 0 3px 3px;
  top: -6px !important;
}

.dropdown-item-custom {
  font-size: 14px;
  color: #333366;
  padding-left: 0.8rem;
}

.dropdown-custom .placeholder-text,
.dropdown-custom-error .placeholder-text {
  font-size: 14px;
  color: #000000;
}

.dropdown-error {
  font-size: 12px;
  padding: 5px 0px 5px 0px;
  color: #e71921;
}

.custom-pagination {
  flex-wrap: wrap;
}

.custom-pagination li {
  cursor: pointer;
}

.next-link-custom,
.next-link-custom:hover {
  background-color: #ffffff;
  width: 30px;
  height: 30px;
  margin: 10px 15px 10px 15px;
  border-radius: 50%;
  text-align: center;
  vertical-align: center;
  line-height: 30px;
  color: #333366;
  font-weight: 700;
  font-size: 14px;
}

.page-item-custom {
  display: flex;
  align-items: center;
}

.page-link-custom {
  width: 30px;
  height: 30px;
  margin: auto 5px;
  text-align: center;
  vertical-align: center;
  line-height: 30px;
  color: #333366;
  font-size: 15px;
  font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  transition: background-color 0.5s, border-radius 0.5s;
}

.page-link-custom:hover {
  border-radius: 50%;
  background-color: #e9ecef;
}

.page-link-active {
  background-color: #333366;
  border-radius: 50%;
  color: #ffffff !important;
}

.page-link-active:hover {
  background-color: #333366;
}

.chevron-link-left,
.chevron-link-right {
  background-color: #ffffff;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  align-self: center;
  vertical-align: center;
  line-height: 30px;
  font-size: 16px;
}

.chevron-link-left,
.chevron-link-left:hover {
  color: #595959;
  margin: 10px 5px 5px 0px;
}

.chevron-link-right,
.chevron-link-right:hover {
  color: #e71921;
  margin: 10px 0px 5px 5px;
}

.red-carat {
  width: auto;
  height: 25px;
}

/* Calendar */

@media only screen and (max-width: 568px) {
  #calendar-start-end .start-last-date-cal {
    /* width: 500px !important; */
    height: auto !important;
  }
  #calendar-start-end .start-date-display-container {
    top: 0px;
  }
  #calendar-start-end .end-date-display-container {
    top: 0px;
  }
}

.calendar-form input[type="text"]:not(.global--navigation),
input[type="date"]:not(.global--navigation),
input[type="number"]:not(.global--navigation) {
  -webkit-appearance: none;
  width: 100%;
  height: 44px;
  padding: 5px 10px;
  border: 1px solid #333366;
  border-radius: 3px;
  position: relative;
  color: #000;
  font-size: 14px;
}

.calendar-form .error-message {
  display: none;
  color: #e71921;
  font-size: 13px;
  font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  padding-top: 5px;
}

.calendar-date {
  background: transparent url(../images/calendar.png) no-repeat;
  background-position: right 15px top 9px;
  background-size: 24px 24px;
  cursor: pointer;
}

#calendar.article .form-control {
    margin-top: 8px;
    padding: 5px 15px !important;
    height: 44px;
  	border: 1px solid #333366;
}

.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-muted {
  color: #777;
}
.cursor-pointer {
  cursor: pointer;
}
.disable-selection {
  -moz-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

.calendar {
  text-align: center;
  background-color: #ffffff;
  height: auto;
  width: calc(100% / 3);
  border: 1px solid #000000;
  padding: 0.5rem !important;
  margin: 0;
}

#calendar .calendar-days {
  margin: 0;
}

.calendar-tooltip-wrapper {
  display: none;
  position: absolute;
  bottom: 50px;
  right: 15px;
  z-index: 9999;
}

.calendar-tooltip-wrapper #calendar::before {
  position: absolute;
  top: 311px;
  right: 13px;
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  border-style: solid;
  border-color: transparent #a1a1a1 #a1a1a1 transparent;
  z-index: 99;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transfor: rotate(45deg);
  background-color: white;
  z-index: 1;
  border-width: 1px;
}

.calendar-tooltip-wrapper #calendar {
  width: 265px;
}

.calendarwrap ul {
  margin-left: 0;
}

.calendarwrap {
  display: inline-flex;
  padding: 0px 0px !important;
  justify-content: center;
}

#calendar-1,
#calendar-2,
#calendar-3 {
  text-align: center;
  background-color: #ffffff;
  height: auto;
  width: calc(100% / 3);
  border: 1px solid #000000;
  padding: 0.5rem;
  margin: 0.5rem;
}

.calendar-change-month {
  display: flex;
  margin: 15px 0;
  width: 100%;
}

.calendar-week-list {
  width: 100%;
  height: auto;
}

.calendar-week-list ul {
  list-style: none;
  margin: 0;
  width: 100%;
}

.calendar-week-list li {
  list-style: none;
}

.calendar-day-list,
.calendar-week-list {
  padding: 0.5rem;
  display: flex;
}

.calendar-days {
  margin: 0;
  position: relative;
}

.calendar-week-list li {
  position: relative;
  list-style: none;
  width: calc(100% / 7);
  padding: 0;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  float: left;
}

.calendar-days li,
.calendar-days-prev li,
.calendar-days-next li {
  position: relative;
  list-style: none;
  width: calc(100% / 7);
  padding: 10px;
  display: inline-block;
  text-align: center;
  cursor: pointer !important;
  font-size: 11px;
  height: 30px;
  line-height: 40px;
  border: 1px solid #a1a1a1;
  float: left;
}

.calendar-days li:hover,
.calendar-days-prev li:hover,
.calendar-days-next li:hover {
  background-color: #e9ecef;
  color: #333366;
}

.calendar-days li.past-day,
.calendar-days-prev li.past-day,
.calendar-days-next li.past-day {
  background-color: #d8d8d8;
}

.calendar-days li.current-day,
.calendar-days li.active-day,
.calendar-days li.clicked-day,
.calendar-days-prev li.clicked-day,
.calendar-days-prev li.active-day,
.calendar-days-next li.clicked-day,
.calendar-days-next li.clicked-day li.active-day {
  background-color: #333366;
  color: #ffffff;
}

.calendar-days li::after,
.calendar-days-prev li::after,
.calendar-days-next li::after {
  content: attr(data-day);
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
  height: 40px;
  line-height: 40px;
  text-align: center;
}

.calendar .calendar-prev,
.calendar .calendar-next {
  align-self: center;
  color: #e71921;
  cursor: pointer !important;
}

.calendar-next {
  margin-left: 10px;
}

.calendar-prev {
  margin-right: 10px;
}

#calendar .calendar-next {
  margin-left: 10px;
  margin-right: 10px;
}

#calendar .calendar-prev {
  margin-right: 10px;
  margin-left: 10px;
}

.calendarwrap .calendar-prev,
.calendarwrap .calendar-next {
  align-self: center;
  color: #e71921;
  cursor: pointer !important;
}
.calendar .calendar-prev:hover,
.calendar .calendar-next:hover {
  align-self: center;
  color: #b8b8b8;
}

.another-month {
  background-color: #f1f1f1;
  color: #a7a7a7;
}

.calendar-month,
.calendar-month-prev,
.calendar-month-next {
  width: 100%;
  padding: 0;
  align-self: center;
  font-size: 1.5rem;
}

.previous-month,
.another-month,
.next-month {
  border: 1px solid #ffffff !important;
  background-color: #ffffff;
}

.previous-month::after {
  content: none !important;
}
.another-month::after {
  content: none !important;
}
.next-month::after {
  content: none !important;
}
.current-month-day::after {
  content: attr(data-day) !important;
}

.current-month-day {
  border: 1px solid #a1a1a1 !important;
}

/* Calendar Old */

.calendar-wrapper,
.calendar-wrapper-tooltip {
  width: 300px;
  height: auto;
  border: 1px solid #b8b8b8;
  display: flex;
  flex-direction: column;
}

.calendar-wrapper li,
.calendar-wrapper-tooltip li {
  text-decoration: none;
  list-style: none;
}

.calendar-wrapper-tooltip:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;

  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #000000;
  left: 159px;

  bottom: 40px;
}

.month {
  padding: 25px 25px 5px 25px;
  width: 100%;
  background: #ffffff;
  text-align: center;
}

.prev:hover,
.next:hover {
  cursor: pointer;
}

.month ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: inline-flex;
  align-content: center;
}

.month ul li {
  color: #000000;
  font-size: 20px;
}

.month .prev {
  float: left;
  padding-top: 0px;
  align-self: flex-start;
  color: #e71921;
}

.month .next {
  float: right;
  padding-top: 0px;
  align-self: flex-end;
  text-align: end;
  color: #e71921;
}
.month .title {
  margin: auto;
}

.weekdays {
  margin: 0;
  margin-left: 25px !important;
  margin-right: 25px;
  padding: 5px 0 0 0;
  background-color: #ffffff;
}

.weekdays li {
  display: inline-block;
  width: 12.51%;
  color: #000000;
  text-align: center;
  font-weight: 800;
}

.days {
  padding: 5px 0 10px 0;
  background: #ffffff;
  margin: 0;
  margin-left: 25px !important;
  margin-right: 25px;
}

.days li {
  list-style-type: none;
  display: inline-block;
  width: 12.51%;
  text-align: center;
  margin-bottom: 5px;
  font-size: 12px;
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #b8b8b8;
}

.days li:hover {
  background-color: #e9ecef !important;
  cursor: pointer;
}

.days li.passed-day {
  background-color: #d8d8d8;
}

.days li:nth-child(8),
.days li:nth-child(15),
.days li:nth-child(22),
.days li:nth-child(29),
.days li:nth-child(36) {
  background-color: #d8d8d8 !important;
}
.days li.empty-day {
  background-color: #ffffff;
  border: none;
}

.days li.active {
  background-color: #ffffff;
  font-weight: 800;
}

.calendar-diptych {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  vertical-align: middle;
}

.calendar-diptych .prev {
  float: left;
  padding-top: 0px;
  align-self: flex-start;
  color: #e71921;
}

.calendar-diptych .next {
  float: right;
  padding-top: 0px;
  align-self: flex-end;
  text-align: end;
  color: #e71921;
}

#appCalendar {
  position: relative;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(8, 1fr);
  justify-items: center;
  text-align: center;
  background-color: #ffffff;
  height: auto;
  width: 300px;
  border: 1px solid #a1a1a1;
  padding: 1rem;
  margin: 1rem;
}

#calendar-app {
  position: relative;
  background-color: #ffffff;
  height: auto;
  width: 300px;
  border: 1px solid #a1a1a1;
  padding: 1rem;
  margin: 1rem;
}

.may {
  position: relative;
  text-align: center;
  background-color: #ffffff;
  height: auto;
  width: 350px;
  border: 1px solid #a1a1a1;
  margin: 1rem;
  padding: 1rem;
  border-collapse: collapse;
}

.weekdays th {
  padding: 0.5rem;
  border: 1px solid #a1a1a1;
}

#appCalendar .day:nth-child(-n + 3) {
  background-color: #e71921 !important;
}

#appCalendar .prev,
#appCalendar .next {
  align-self: center;
  color: #e71921;
}

#appCalendar .month {
  grid-column: 2 / 7;
  grid-row: 1;
  width: 100%;
  padding: 0;
  align-self: center;
  font-size: 1.2rem;
}

#appCalendar .name {
  grid-row: 2;
  width: 100%;
  align-self: center;
}

#appCalendar .day {
  width: 100%;
  padding: 0.5rem;
  border: 1px solid #a1a1a1;
}

#appCalendar .day.selected {
  background-color: #333366;
  color: #ffffff;
}

#appCalendar .day.past {
  background-color: #d8d8d8;
}

#appCalendar .day.weekend {
  background-color: #d8d8d8;
}

#appCalendar .day.selected .day-text {
  font-weight: 800;
}

@media screen and (max-width: 792px) {
  .cal-triptych {
    display: none !important;
  }

  .calendar-week-list li {
    padding: 5px 0px;
    font-size: 11px;
  }
  .calendar-tooltip-wrapper #calendar {
    width: 100%;
  }
  .calendar-tooltip-wrapper #calendar::before {
    top: 289px;
  }
  .calendar-month {
    font-size: 1.25rem;
  }
  .calendar-day-list,
  .calendar-week-list {
    padding: 0;
  }
  .calendar-days li {
    font-size: 11px;
    padding: 10px;
    height: 30px;
  }
  #calendar-1,
  #calendar-2,
  #calendar-3 {
    margin: 0;
  }
}

@media screen and (max-width: 568px) {
  .cal-diptych {
    display: none !important;
  }
}

/* Add media queries for smaller screens */
@media screen and (max-width: 792px) {
  .weekdays li,
  .days li {
    width: 13.1%;
  }
}

@media screen and (max-width: 568px) {
  .weekdays li,
  .days li {
    width: 12.5%;
  }
  .days li .active {
    padding: 2px;
  }
}

@media screen and (max-width: 290px) {
  .weekdays li,
  .days li {
    width: 12.2%;
  }
}

.pagination div {
  text-decoration: none;
}

.usps-color {
  color: #333366;
}

.results-box {
  width: 100px;
}

/* Page Results Selection */

.result-per-page-box {
  width: 100px;
  height: 44px;
  border: 1px solid #333366;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent url(/styleguide/elements/images/app_components/dropdown-caret.svg) no-repeat;
  background-position: 67px 17px;
  background-color: #ffffff;
  padding-left: 15px;
  border-radius: 3px;
  font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  color: #000000;
  font-size: 16px;
  margin-left: 10px;
}

/* Quantity Picker */

.quantity-picker {
  width: 60px;
}

.quantity-picker:focus {
  box-shadow: none;
  border-color: #ced4da;
}

input[type="number"]:not(.global--navigation) {
  -webkit-appearance: button-focus;
  width: 100%;
  height: 44px;
  padding: 5px 15px;
  border: 1px solid #333366;
  border-radius: 3px;
  position: relative;
  color: #000;
  font-size: 14px;
  font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
}

input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.number-input {
  position: relative;
  width: 80px;
  float: left;
}

.number-input span {
  outline: none;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: 0;
  position: absolute;
}

.number-input span:before {
  content: "";
  color: #336;
  font-size: 14px;
  height: 7px;
  width: 12px;
  display: inline-block;
}

.product-quantity span.quantity-stepup {
    right: 15px;
    top: 9px;
    line-height: 12px;
}

span.quantity-stepup:before {
    background-image: url(/styleguide/elements/images/app_components/up-caret.svg);
    height: 8px;
    width: 12px;
    background-repeat: no-repeat;
    vertical-align: bottom;
}

.product-quantity span.quantity-stepdown {
    right: 15px;
    bottom: 9px;
    line-height: 12px;
}

span.quantity-stepdown:before {
    background-image: url(/styleguide/elements/images/app_components/down-caret.svg);
    height: 8px;
    width: 12px;
    background-repeat: no-repeat;
    vertical-align: top;
}

input#cartQuantity1::-webkit-outer-spin-button,
input#cartQuantity1::-webkit-inner-spin-button,
input#cartQuantity2::-webkit-outer-spin-button,
input#cartQuantity2::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input#cartQuantity1[type=number],
input#cartQuantity2[type=number] {
    -moz-appearance: textfield;
}

.shoppingcart-label {
  float: left;
  padding: 0px;
  font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
    sans-serif !important;
  font-size: 16px !important;
  color: #333366 !important;
  display: block;
}

.shoppingcart-label,
.shoppingcart-totalprice {
  font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  font-size: 16px;
  color: #333366;
  display: block;
}

#required-fields img {
  width: 100%;
}

#loader-process-modal img {
  width: 100%;
}

@media (min-width: 568px) {
  #required-fields img {
    width: auto;
  }

  #loader-process-modal img {
    width: 50%;
  }
}

/* Sidebar Navigation  */
.sidebarWrapper {
  display: none;
  position: relative;
  left: 0;
  top: 116px;
  height: 100%;
}

.sidebarWrapper .section-header,
.sidebarWrapper ul {
  list-style: none;
  margin-left: 0;
}

.sidebarWrapper a {
  color: #336;
}

.two-column {
  display: block;
}

.sidebarWrapper .nav-list {
  margin-left: 0;
  position: relative;
}

.sidebarWrapper .nav-list-submenu {
  position: relative;
  height: auto;
}

.sidebarWrapper .nav-list-submenu {
  height: auto;
  background-color: #ffffff;
}

.sidebarWrapper .nav-list-submenu li {
  padding: 10px 0px;
}
.sidebarWrapper .nav-list-submenu .submenu li {
  padding-top: 3px;
  list-style: disc;
  margin-left: 20px;
}

.sidebarWrapper .nav-list-submenu .section-header .sidebar-header {
  padding: 10px 0px;
  color: #333366;
}

.sidebarWrapper .nav-list-submenu a {
  font-size: 16px;
}

#sidebarAccordion .column-item-container a.current {
  color: #3573b1;
}

.column-item-container {
  position: relative;
  padding-left: 0;
  margin-bottom: 0px;
  height: inherit;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  border-top: 1px solid #336 !important;
  border-right: 1px solid #336;
  border-radius: 0 !important;
}

.column-item-container:first-child {
    border-top: none !important;
}

.column-item-container:nth-last-child(1) {
  border-bottom: 1px solid #336 !important;
}

.column-item-container .column-item {
  background-color: #f7f7f7;
  list-style: none;
  width: 275px;
  overflow: hidden;
  height: auto;
  display: block;
  justify-content: start;
  align-items: center;
  align-self: center;
  color: #336;
}
/* .column-item-container .column-item:nth-child(1) {
  border: none;
  background-color: transparent;
  opacity: 0;
  height: 65px;
  transition: opacity 0.4s;
  -webkit-transition: opacity 0.4s;
} */

.sidebar-logo {
  width: 75%;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  margin-left: 30px;
}

.sidebar-item {
  line-height: 22px;
  padding-right: 35px;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  font-size: 1rem;
}

.column-item h4 {
  line-height: 22px;
  padding-right: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  font-size: 1rem;
}

.column-item h4.active::after {
  content: "";
  background-color: #336;
  width: 8px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.column-item h4.nocaret::after {
  display: none;
}

.column-item a::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 20px;
  background-size: 15px 15px;
  top: 40%;
  width: 22px;
  background-repeat: no-repeat;
  height: 25px;
  background-image: url(../../../styleguide/elements/images/buttons-links/caret-down_blue_18x11.svg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: transform 0.2s ease-out;
  transform-origin: 40% 30%;
}

.column-item a.no-dropdown::after {
  display: none;
}

.column-item a[aria-expanded="true"]::after {
  background-image: url(../../../styleguide/elements/images/buttons-links/caret-down_blue_18x11.svg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: transform 0.2s ease-out;
}

/* .column-item .item-details {
  display: none;
  height: auto;
} */

.item-details {
  background-color: #ffffff;
  padding-bottom: 20px;
  padding-top: 15px;
  padding-left: 30px;
  padding-right: 15px;
}

.column-item.active .item-details {
  display: block;
}
.header-links-wrapper {
  display: block;
}
.page-content {
  grid-area: pagecontent;
  /* margin-top: 40px; */
  /* margin-bottom: 32px; */
  margin-bottom: 0px;
  padding-right: 1rem;
  padding-left: 1rem;
}

.page-conatiner {
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 1499px) and (min-width: 992px) {
  .page-conatiner {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (min-width: 992px) {
  .two-column {
    display: grid;
    grid-template-columns: 275px auto;
    grid-template-areas: "sidebar pagecontent";
	-ms-grid-columns: 275px 1fr;
	display:-ms-grid;
  }
  .page-content {
    grid-area: pagecontent;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
	-ms-grid-row: 1;
	-ms-grid-column: 2;
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .sidebarWrapper {
    grid-area: sidebar;
    display: block;
    position: relative;
    left: 0;
    top: 0;
    height: auto;
	-ms-grid-row: 1;
	-ms-grid-column: 1;
  }
  .header-links-wrapper {
    display: none;
  }

  .sidebarWrapper .nav-list {
    margin-left: 0;
  }

  .menu-header {
    background-color: #f7f7f7;
    list-style: none;
    width: 20vw;
    overflow: hidden;
    height: auto;
    display: block;
    justify-content: start;
    align-items: center;
    align-self: center;
    color: #336;
    border-bottom: 1px solid #336;
    border-right: 1px solid #336;
  }

  .menu-header .menu-title {
    padding: 20px 0px 20px 30px;
  }

  .menu-header:nth-child(1) {
    border-top: 1px solid #336;
  }

  .menu-header-no-dropdown {
    background-color: #f7f7f7;
    list-style: none;
    padding: 10px 10px 10px 30px;
    width: 20vw;
    max-width: 300px;
    height: 70px;
    display: flex;
    justify-content: start;
    align-items: center;
    align-self: center;
    color: #336;
    border-bottom: 1px solid #336;
    border-right: 1px solid #336;
  }

  .menu-header-no-dropdown:nth-child(1) {
    border-top: 1px solid #336;
  }

  .menu-header-no-dropdown a {
    color: #336;
    font-weight: 400;
    font-size: 16px;
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
      sans-serif;
  }

  .menu-header a {
    color: #336;
    font-weight: 400;
    font-size: 16px;
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
      sans-serif;
  }

  .sidebarWrapper .menu-header:after {
    content: "";
    display: block;
    height: 15px;
    width: 15px;
    justify-content: flex-end;
    margin-left: auto;
    position: absolute;
    top: 25px;
    right: 30px;
    background-image: url(https://www.usps.com/global-elements/header/images/utility-header/m_dropdown_carat_blue.svg);
    background-repeat: no-repeat;
    -moz-transition: transform 250ms ease;
    -ms-transition: transform 250ms ease;
    -webkit-transition: transform 250ms ease;
    transition: transform 250ms ease;
  }
}

@media screen and (min-width: 1500px) {
  .page-container {
    padding-left: 15px;
    /* padding-right: 11%; */
  }
}

@media screen and (min-width: 1250px) and (max-width: 1800px) {
  .menu-header-no-dropdown {
    width: 18vw;
  }
}

/* Alert */

.usps-alert {
  background-color: #f1f1f1;
  background-position: 2.5rem 0.9rem;
  background-repeat: no-repeat;
  background-size: 30px;
  padding-bottom: 1rem;
  padding-left: 3rem;
  padding-right: 2rem;
  padding-top: 1rem;
  position: relative;
}

.usps-alert::before {
  background-color: #8b8b8b;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 1rem;
}

.usps-alert .usps-alert-body {
  padding-left: 2.5rem;
}

.usps-alert.no-icon .usps-alert-body {
  padding-left: 0;
}

.usps-alert-informative::before {
  background-color: #3573b1 !important;
}

.usps-alert-informative {
  background-color: #e7f6f8;
  background-image: url(../../elements/images/alert_section/Alert-Icon22x22.png);
  background-image: url(../../elements/images/alert_section/Alert-Icon.svg);
}

.usps-alert-error::before {
  background-color: #e71921 !important;
}

.usps-alert-error {
  background-color: #f4e3db;
  background-image: url(../../elements/images/alert_section/Alert-Icon22x22.png);
  background-image: url(../../elements/images/alert_section/Alert-Icon.svg);
}

.usps-alert-success::before {
  background-color: #198845 !important;
}

.usps-alert-success {
  background-color: #ecf3ec;
  background-image: url(../../elements/images/alert_section/Success-Icon22x22.png);
  background-image: url(../../elements/images/alert_section/Success-Icon.svg);
}

.usps-alert-warning::before {
  background-color: #ffbe2e !important;
}

.usps-alert-warning {
  background-color: #faf3d1;
  background-image: url(../../elements/images/alert_section/Warning-Icon-22x22.png);
  background-image: url(../../elements/images/alert_section/Warning-Icon.svg);
}

.no-icon {
  background-image: none !important;
}

.usps-alert-heading {
  margin-bottom: 0.5rem;
}

.usps-alert-text {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

/* Release Notes */

.release-notes {
  display: table;
  box-sizing: border-box;
}

.release-notes th {
  font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
}

.release-notes td,
.release-notes th {
  padding: 15px;
  display: table-cell;
  border: 1px solid grey;
}

.release-notes tr th:first-child {
  width: 150px;
}
a.btn-primary.mr-3.button--blue:hover {
    color: #333366;
}
.form-control {
    color: #333366;
}
  #accordionEx .card-header p {
    padding: 0 20% 0 20px;
}
.card.card-box h3 {
    margin-top: 0;
    padding-top: 0;
}
.card-box {
    margin-bottom: 20px;
    border-left: 5px solid #333366;
    padding: 40px 0;
}

/* applicaiton componenet - pagination arrows */
.next-page.active {
    background: transparent url('/styleguide/assets/images/right-arrow.png') no-repeat;
	    display: block;
    width: 15px;
    height: 25px;
}
.next-page.inactive {
        background: transparent url('/styleguide/assets/images/right-arrow-inactive.png') no-repeat;
    display: block;
    width: 15px;
    height: 25px;
    }
.prev-page.active {
    background: transparent url('/styleguide/assets/images/left-arrow.png') no-repeat;
    display: block;
    width: 15px;
    height: 25px;
}
.prev-page.inactive {
    background: transparent url('/styleguide/assets/images/left-arrow-inactive.png') no-repeat;
    display: block;
    width: 15px;
    height: 25px;
}
a.page-link-custom {
    text-decoration: none;
    color: #333366;
}
a.page-link-custom:hover {
    text-decoration: none;
    color: #333366;
}

.quantity-stepdown, .quantity-stepup {
    right: 3px;
}

@media only screen and (min-width: 768px) {  
	.page-content {
 		padding-left: 48px !important; 
	}
}


/* Elements - Buttons */

.buttons-contents-container h2, .buttons-contents-container h3, 
.buttons-contents-container h2 + p, .buttons-contents-container p {
	margin-top: 0px !important;
	padding-top: 24px;
}

.buttons-contents-container h4, .buttons-contents-container p + p,
.buttons-contents-container h3 + p, .buttons-contents-container h4 + p {
	margin-top: 0px !important;
	padding-top: 12px;
}

.buttons-contents-container .button-container + .button-container {
	margin-left: 0px;
}

.buttons-contents-container .button-wrapper {
	display: inline-flex;
	flex-wrap: wrap;
	padding-top: 0px;
	padding-left: 0px;
}

.buttons-contents-container .column-container h4 {
	margin-top: 0px;
}

.buttons-contents-container .button-wrapper .button-container {
	padding-top: 24px;
}

.buttons-contents-container .button-wrapper .column-container .button-container {
	padding-top: 32px;
}

.btn-primary.button--green--secondary {
  color: #218748;
  background: #FFFFFF;
  border: 1px #218748 solid;
}

.btn-primary.button--green--secondary:hover {
 background: #218748;
 color: #FFFFFF;
}

.buttons-and-links-container .column-container p + p {
	padding-top: 0px;
}

#splitbuttonctas .custom-dropdown + .text-container {
	margin-top: 96px;
}

.buttons-contents-container .btn-navy.dropdown-toggle-custom {
	width: 50px;
	border-top-right-radius: 3px !important;
	border-bottom-right-radius: 3px !important;
}

.buttons-contents-container .button-container .btn-primary,
.buttons-and-links-container .icon--combo .btn-primary {
	min-width: 105px;
}

#inactivectas a.btn-primary.button--disabled {
	background: #D8D8D8 !important;
}

.buttons-contents-container .row > div {
	padding-left: 15px;
}

.btn-navy {
	font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	display: inline-block;
	color: #ffffff;
	background: #333366;
	width: 140px;
	text-align: center;
	border-radius: 3px;
	height: auto;
	text-decoration: none;
	padding: 9px 20px;
	border-style: none;
	border: 1px solid #333366;
}

.btn-navy.dropdown-toggle-custom {
	padding: 9px 5px;
}

.btn-navy:hover {
	background: #ededed;
	color: #333366;
	cursor: pointer;
	border: 1px solid #ededed;
}

.dropdown-open .dropdown-toggle-custom.btn-navy {
	background-color: #EDEDED;
}

.dropdown-open .dropdown-toggle-custom {
	border: none;
}

.custom-dropdown.button-container {
	display: inline-flex;
}

.buttons-and-links-container button.dropdown-toggle-custom {
	border-left: 2px solid #FFFFFF;
}

.buttons-contents-container .dropdown-toggle-custom::after {
	display: inline-flex;
	content:"";
	width: 14px;
	height: 14px;
	background-image: url('https://www.usps.com/styleguide/elements/images/buttons-links/split-btn-caret-white.svg');
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
}

.buttons-contents-container .dropdown-open .dropdown-toggle-custom::after {
	background-image: url('https://www.usps.com/styleguide/elements/images/buttons-links/split-btn-caret-blue.svg');
}

.buttons-contents-container .dropdown-menu {
	border: 1px solid #333366;
	width: 189px;
	margin-top: 0px;
	border-top: 0px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding: 0px;
}

.buttons-contents-container .dropdown-menu a.dropdown-item {
	text-decoration: none;
	color: #000000 !important;
	font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
}

.buttons-contents-container .dropdown-menu a.dropdown-item:active {
	background-color: #FFFFFF;
}

.buttons-and-links-container .article ul {
	padding-top: 12px;
	color: #000000;
}

.buttons-and-links-container .btn-primary.button-hover {
	background: #ededed;
	color: #333366;
	cursor: pointer;
	border: 1px solid #ededed;
}


.button--disabled:hover, .button--disabled.disabled-hover {
	border: 1px solid #595959 !important;
}

.buttons-and-links-container .button--cart.cart-hover {
	color: #218748;
	background: #ededed;
	cursor: pointer;
	border: 1px solid #ededed;
}

.buttons-and-links-container .button--cart.cart-hover:before {
	color: #218748;
	content: "";
	background-image: url("../../assets/images/button-cart-hover.png");
}

.buttons-and-links-container .link-list ul.sub-list {
	padding-top: 0px;
}

@media only screen and (min-width: 768px) {  
	#buttons .button-container {
		padding-right: 32px;
	}
}

@media only screen and (max-width: 767.98px) {
	#buttons .button-wrapper {
		flex-direction: column;
	}
	
	.buttons-contents-container .row.button-wrapper, 
	.buttons-contents-container .col-12, 
	.buttons-contents-container .col-md-6.col-12 {
		padding-left: 0px;
		padding-right: 0px;
		margin: 0 !important;
	}

}

@media only screen and (max-width: 767px) {
	.buttons-and-links-container .button-container {
		padding-bottom: 0px;
	}
}




/* Elements - Links */ 

.buttons-and-links-container .article hr {
    margin-top: 32px;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
}

.links-contents-container hr + h2 {
	margin-top: 0px;
	padding-top: 48px;
}

.links-contents-container h3, .links-contents-container h2 + p, .linked-header {
	margin-top: 0px !important;
	padding-top: 24px;
}

.links-contents-container p {
	margin-top: 0px; 
	padding-top: 12px;
}


/* Icons */

.icons-contents-container hr + h2 {
	margin-top: 0px;
	padding-top: 48px;
}

.icons-contents-container h2 + p, .icons-contents-container h3 {
	margin-top: 0px !important;
	padding-top: 24px;
}

.icons-contents-container .italic-descriptions {
    font-style: italic !important;
    padding-top: 24px;
	margin-top: 0px;
}

.icons-contents-container .italic-descriptions p {
	margin-top: 0px;
	padding-top: 0px !important;
}

.icons-contents-container .row > div {
	padding-left: 15px;
}

.icons-contents-container .icon-combo-section1 img {
	width: 60px;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 24px;
}



/* Design - Spacing and Increments */

table.spacing-guideline-table {
    width: 100%;
}

.spacing-guideline p {
    margin-top: 24px;
    margin-bottom: 0px;
}

.spacing-guideline-table th:first-child,
.spacing-guideline-table td:first-child,
.spacing-guideline-table th:nth-child(2),
.spacing-guideline-table td:nth-child(2) {
    width: 27%;
}

.spacing-guideline-table th:nth-child(3),
.spacing-guideline-table td:nth-child(3) {
    width: 53%;
}

.spacing-guideline-table th, .spacing-guideline-table td {
    padding: 10px 20px;
}

.spacing-guideline-table p,
.spacing-guideline .image-column-table p,
.spacing-guideline .caption-container p {
    margin: 0 !important;
}

.spacing-guideline-table thead tr {
    border-bottom: 2px solid #e71921;
}

.spacing-guideline-table h5 {
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #333366;
    margin: 0;
    padding-top: 14px;
}

.spacing-guideline-table .asterisk-colored {
    color: #e71921;;
}

.spacing-guideline-table tbody tr {
    border-bottom: 1px solid #999999;
}

.spacing-guideline .list-container,
.spacing-example-image-container {
    padding-top: 24px;
}

.border-radius-image-container {
    padding-top: 24px;
    display: flex;
    flex-direction: column;
}


.spacing-example-image-container img,
.border-radius-image-container img {
    width: 100%;
	max-width: fit-content;
}

.border-radius-image-container img,
.image-column-table img {
    display: block;
}

.spacing-example-image-container.card-space {
    padding-top: 32px;
}

.spacing-guideline hr.page-divider,
#border-radius-guidelines h3 {
    margin-top: 48px;
}

.spacing-guideline .image-column-table td {
    text-align: center;
}

.spacing-guideline h2 {
	margin-top: 48px;
}